html {
	color: #303030;
	font-size: 100%;
	font-family: sans-serif;
	font-weight: 300;
	line-height: 1.15;
	-webkit-text-size-adjust:100%
	-webkit-font-smoothing: antialised;
	text-rendering: optimizeLegibility;
}

body {
	margin: 0;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif;
	margin-top: 0;
	margin-bottom:1.5rem
}

h1 {
	font-size:2em
}

p {
	margin-top: 0;
	margin-bottom:1.5rem
}

b, strong {
	font-weight:bold
}

img {
	border-style: none;
	vertical-align: middle;
	max-width: 100%;
	height:auto
}

figure {
	margin: 0 0 1.5rem;
	padding:0
}

ul, ol {
	margin-top: 0;
	padding-left: 1.5rem;
	margin-bottom: 1.5rem;
}

ul ul, ol ul, ul ol, ol ol {
	margin-bottom:0
}

a {
	color:#303030
}

blockquote {
	font-style: italic;
	margin: 0 0 1.5rem;
	padding:0 1.5rem
}

cite {
	display:block
}

small {
	font-size:87.5%
}

img {
	vertical-align: middle;
	border-style: none;
	max-width: 100%;
	height:auto
}

hr {
	background: #eee;
	border: 0;
	height: 1px;
	overflow: visible;
	margin-bottom: 1.5rem;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box
}

dl {
	margin:0 0 1.5rem
}

dt {
	font-weight:bold
}

dd {
	margin-left:1.5rem
}

code {
	background: #eee;
	padding:.1rem .2rem
}

pre {
	font-family: monospace;
	font-size: 1rem;
	padding: .75rem 1rem;
	margin: 0 0 1.5rem;
	background: #eee;
}

pre code {
	padding:0
}

address {
	margin-bottom:1.5rem
}

table {
	border-collapse: collapse;
	margin-bottom: 1.5rem;
	width:100%
}

table th, table td {
	padding:.5rem
}

table th {
	text-align: left;
	border-bottom:2px #eee solid
}

::-webkit-input-placeholder {
	color:#999
}

::-moz-placeholder {
	color:#999
}

:-moz-placeholder {
	color:#999
}

form {
	padding: 0;
	margin:0 0 1.5rem
}

label {
	display:block
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0
}

select, textarea, [type="url"], [type="tel"], [type="text"], [type="search"], [type="number"], [type="email"], [type="password"] {
	padding: .75rem;
	border: 1px #ccc solid;
	background: #fff;
	display: block;
	width: 100%
}

[type="radio"], [type="checkbox"] {
	margin: -2px 0 0;
	line-height: normal;
	margin-right: .5rem;
	vertical-align:middle
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px
}

input[type="search"] {
	-webkit-appearance:textfield
}

button, [type=submit], [type=button] {
	cursor: pointer;
	color: inherit;
	padding: .75rem;
	background: #eee;
	border: 1px #eee solid;
	-webkit-appearance: button
}

button::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding:0
}

.btn {
	display: inline-block;
	color: #000;
	border: 1px #333 solid;
	padding: .75rem 1rem;
	text-decoration:none
}

.btn--block {
	display: block;
	width:100%
}

.btn--primary {
	color: #fff;
	background: #333;
}

.btn--primary:hover {
	background: #262626;
	border-color:#262626
}

.row {
	list-style: none;
	padding: 0;
	margin-left: -3rem;
	letter-spacing: -.31em;
}

.row--nogap {
	margin-left: 0;
}

.row--nogap > .col {
	padding-left:0
}

.row--middle > .col {
	vertical-align:middle
}

.row--bottom > .col {
	vertical-align:bottom
}

.col {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3rem;
	letter-spacing: normal;
	word-spacing:normal
}

@media (min-width: 380px) {
	.mob-one-half {
		width:50%
	}

	.mob-one-third {
		width:33.33333333333333%
	}

	.mob-two-thirds {
		width:66.66666666666666%
	}

	.mob-one-fifth {
		width:20%
	}

	.mob-one-quarter {
		width:25%
	}

	.mob-one-sixth {
		width:16.666666666666664%
	}
}

@media (min-width: 600px) {
	.tab-one-half {
		width:50%
	}

	.tab-one-third {
		width:33.33333333333333%
	}

	.tab-two-thirds {
		width:66.66666666666666%
	}

	.tab-one-fifth {
		width:20%
	}

	.tab-one-quarter {
		width:25%
	}

	.tab-one-sixth {
		width:16.666666666666664%
	}
}

@media (min-width: 860px) {
	.desk-one-half {
		width:50%
	}

	.desk-one-third {
		width:33.33333333333333%
	}

	.desk-two-thirds {
		width:66.66666666666666%
	}

	.desk-one-fifth {
		width:20%
	}

	.desk-one-quarter {
		width:25%
	}

	.desk-one-sixth {
		width:16.666666666666664%
	}
}

.media {
	zoom:1
}

.media:before, .media:after {
	content: "";
	display:table
}

.media:after {
	clear:both
}

a.media {
	display: block;
	text-decoration: none;
	margin-bottom:1.5rem
}

.media__obj {
	float: left;
	margin-right:1.5rem
}

.media__obj.right {
	margin-right: 0;
	margin-left:1.5rem
}

.media__in {
	overflow:hidden
}

.embed {
	display: block;
	position: relative;
	background: #eee;
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.embed > svg, .embed > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%
}

.embed > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	max-width:none
}

.embed:before {
	content: '';
	display: block;
	padding-bottom:100%
}

.embed--4by3:before {
	padding-bottom:75%
}

.embed--16by9:before {
	padding-bottom:56.25%
}

.nav {
	list-style: none;
	padding: 0;
	margin:0 0 1.5rem
}

.nav--inline > li, .nav--inline > .nav__item {
	display:inline-block
}

.nav__item {
	position:relative
}

.nav__link {
	display: block;
	padding: .75rem;
	text-decoration:none
}

.nav__item--has-submenu > a:after {
	content: '';
	display: inline-block;
	border-left: 5px transparent solid;
	border-right: 5px transparent solid;
	border-top: 6px #000 solid;
	margin-left: .5rem;
	vertical-align:middle
}

.navbar {
	zoom: 1;
	position:relative
}

.navbar:before, .navbar:after {
	content: "";
	display:table
}

.navbar:after {
	clear:both
}

.navbar .navbar__nav {
	margin-bottom: 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 50;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	visibility: hidden;
}

@media (min-width: 768px) {
	.navbar .navbar__nav {
		position: static;
		background: none;
		visibility: visible;
		opacity: 1;
		-ms-filter: none;
		filter:none
	}

	.navbar .navbar__nav > .nav__item {
		display:inline-block
	}
}

.navbar__brand {
	float: left;
	font-weight: bold;
	padding: 1.5rem 1.5rem 1.5rem 0;
	text-decoration:none
}

.navbar__nav.open {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	visibility:visible
}

.navbar__nav .nav__link {
	padding:1.5rem .75rem
}

.nav__submenu {
	background: #f8f8f8;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	visibility: hidden;
	-webkit-transition: opacity 330ms;
	-moz-transition: opacity 330ms;
	-o-transition: opacity 330ms;
	-ms-transition: opacity 330ms;
	transition: opacity 330ms;
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}

@media (min-width: 768px) {
	.nav__submenu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 50;
		width:200px
	}
}

.nav__submenu.open {
	height: auto;
	opacity: 1;
	-ms-filter: none;
	filter: none;
	visibility:visible
}

.nav__submenu .nav__link {
	display: block;
	padding-top: .75rem;
	padding-bottom:.75rem
}

@media (min-width: 768px) {
	.nav__item:hover .nav__submenu {
		visibility: visible;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		height:auto
	}
}

.navbar__toggle {
	border: 0;
	float: right;
	padding: 1.5rem;
	background: none;
	outline: 0;
	text-transform: uppercase;
	margin-right: -1rem;
}

@media (min-width: 768px) {
	.navbar__toggle {
		display:none
	}
}

.label {
	display: inline-block;
	font-size: .875rem;
	background: #eee;
	padding:0 .375rem
}

.bg-light {
	background:#eee
}

.bg-dark {
	color: #fff;
	background: #222;
}

.bg-dark a {
	color:inherit
}

.txt-center {
	text-align:center
}

.txt-left {
	text-align:left
}

.txt-right {
	text-align:right
}

.right {
	float:right
}

.circle {
	border-radius: 50%;
	overflow:hidden
}

.site-page {
	max-width: 1440px;
	margin:0 auto
}

.wrapper {
	max-width: 68rem;
	margin: 0 auto;
	padding:1.5rem 0
}

.section {
	padding: 0 1.5rem;
}

@media (min-width: 40rem) {
	.section {
		padding:0 3rem
	}
}

.navbar {
	border-bottom: 1px #eee solid;
	padding: 0 1.5rem;
}

@media (min-width: 600px) {
	.navbar {
		padding:0 3rem
	}
}

a {
	font-weight: bold;
	-webkit-transition: color 330ms;
	-moz-transition: color 330ms;
	-o-transition: color 330ms;
	-ms-transition: color 330ms;
	transition: color 330ms;
	opacity: 1;
	-ms-filter: none;
	filter: none;
}

a:hover {
	color:#19407a
}

.b-top {
	border-top:1px #eee solid
}

h1 {
	font-size: 2.2rem;
	line-height: 1.1;
	letter-spacing: -1px;
	margin-top:1.5rem
}

.intro {
	font-size: 1.2rem;
}

@media (min-width: 600px) {
	.intro {
		font-size: 1.4rem;
		line-height:1.4
	}
}

.logos {
	list-style: none;
}

.logos .col {
	max-width:50%
}

.logos svg {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 3rem;
}

.logos .embed {
	background:none
}

.logos .embed:before {
	padding-bottom: 50%
}

/**
 * Columns
 */

[class*="cols-"] {
	column-gap: 1.5rem;
}

[class*="cols-"] > div {
	display: inline-block;
	width: 100%;
	padding-bottom: .75rem;
}

@media(min-width: 40rem) {
	[class*="cols-"] {
		column-gap: 3rem;
	}
}

@media(min-width: 40rem) {
	.sm-cols-2 {
		columns: 2;
	}
}

@media(min-width: 60rem) {
	.md-cols-3 {
		columns: 3;
	}
}

/**
 * Border
 */

.border-1 {
	box-shadow: 0 0 2px rgba(0,0,0,.15);
}