body, li, dt, dd {
	font-family: "Lato", Myriad, "Helvetica Neue", sans-serif;
	font-size: 1.125rem;
	line-height: 1.35;
}

body {
	background-color: #F7FAFF;
}

p {

	line-height: 1.5;
}

.social {
	position: relative;
	z-index: 1;
	float: right;
	margin: 1rem 0 1.5rem;
	line-height: 3rem;
}

.social a {
	display: inline-block;
	font-weight: 300;
	color: inherit;
}

.social a:hover, .social a:focus {
	background-color: transparent;
}

h1, h2, h3 {
	font-family: "Lato", Myriad, "Helvetica Neue", sans-serif;
	font-weight: normal;
}

h1 {
	position: relative;
	margin: 1rem 0 1.5rem;
	font-size: 1.675rem;
	text-transform: uppercase;
	font-weight: 300;
}

h1 a {
	color: inherit;
}

h1 a:hover {
	text-decoration: none;
	color: #496592;
}

a {
	color: #449DCA;
}

a:hover {
	text-decoration: none;
	color: #496592;
}

li a {
	color: #223B63;
}

.logo {
	position: relative;
	padding: 0.1em 0.2em 0 0;
	height: 1.7em;
	width: auto;
	vertical-align: top;
}

.tagline {
	margin: 8em 0 0;
	padding: 2em 0;
}

.tagline h3 {
	margin: 0 0 1rem;
	font-size: 3.8em;
	line-height: 1.1;
	font-family: "Alfa Slab One";
}

.tagline .lead {
	font-size: 1.5em;
	line-height: 1.4;
}

h2, h3 {
	margin: 1em 0 0.5em;
}

h2 {
	font-family: "Alfa Slab One";
	font-size: 3.2em;
	margin-bottom: 0.75em;
}

h3 {
	font-weight: 300;
	font-size: 1.5em;
}

.huge-number {
	font-family: "Alfa Slab One";
	font-size: 4em;
	text-shadow: 0px 1px 1px white, 0px 1px 1px white, 0px -1px 0px black;
	position: absolute;
	margin-left: 0.1em;
	margin-top: -0.2em;
}

.huge-number + p {
	padding-left: 4.6em;
	padding-bottom: 2em;
}

.section {
	padding: 4rem 0 7.2rem;
}

.section.header {
	background-color: #161514;
	padding: 1em 0 10em;
}

.section.explanation {
	padding-bottom: 4em;
	background-color: #223B63;
	color: #EFF5FD;
	font-weight: 300;
}

.section.explanation h3 {
	font-weight: 300;
}

.section.footer {
	min-height: inherit;
	padding: 1em 0 0.5em;
	background-color: #223B63;
	color: #EFF5FD;
	font-weight: 300;
}

.section.signup {
	padding-top: 0;
}


.section.interstitial {
	padding: 0;
	height: 20em;
	height: 80vw;
	background-size: 100%;
	background-repeat: no-repeat;
	box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.25);
	background-color: red;
	background-position: center top;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.interstitial-1 {
	background-image: url("Images/interstitial-1.jpg");
}

.interstitial-2 {
	background-image: url("Images/interstitial-2.jpg");
}

.interstitial-3 {
	background-image: url("Images/interstitial-3.jpg");
}

.section.interstitial-3 {
	background-position: left 25% top;
}
/* Form */

form {
	margin: 2em 0 1em;
}

button.btn {
	background-image: none;
	background-color: #163972;
	text-shadow: 0px -1px 0px black;
}

button.btn:hover, button.btn:focus {
	background-color: #356CC4;
}

.span4.input-custom, .span4.btn-custom {
	margin: 0 1.1% 0.5em 0;
	height: 2em;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
	display: inline-block;
	float: none;
}

h3.sponsor {
	margin-top: 3em;
}

/* Images */

.header {
	background-image: url("Images/bg-top.jpg");
	background-size: cover;
}

input.empty {
	box-shadow: 0px 0px 6px rgba(255, 0, 0, 0.39);
}

/* Responsiveness */

@media (max-width: 979px) {
	body {
		padding: 0;
	}
	.container-fluid {
		padding: 2em;
	}
	.row-fluid .span10 {
		width: 100%;
	}
	.row-fluid .offset1:first-child {
		margin-left: 0;
	}
	.section {
		padding: 0 0 1.2rem;
	}
	.section.header {
		padding: 0;
	}
	.section.interstitial {
		background-size: 110%;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 1rem;
	}
	.row-fluid [class*="span"] {
		float: left;
	}
	.section.interstitial {
		background-size: 250vw;
	}

}

@media (max-width: 600px) {
	.tagline h3 {
		font-size: 3em;
	}
	.tagline .lead {
		font-size: 1.25em;
	}
}