html, body {font-size:100%;font-size:20px;font-weight:300;letter-spacing:0.05rem;}

body.the-body {
	margin:0;
	padding:0;
	background-color:#FFDE6C;
	font-family:"Lato", Helvetica, Arial, sans-serif;
	color:#333092;
}

a, a:visited {color:#333092;text-decoration:none;}

a.btn, a.btn:visited {
	display:inline-block;
	width:60%;
	margin:2rem auto 3px;
	padding:0.4rem 0.3rem;
	border:1px solid #333092;
	color:#333092;
	font-size:0.8rem;
	font-weight:400;
	letter-spacing:0.4rem;
	text-transform:uppercase;
	text-align:center;
}

a.btn.rev, a.btn.rev:visited {border:1px solid #FFDE6C;color:#FFDE6C;}
a.btn:hover, a.btn:focus {border-bottom-width:5px;margin-bottom:0;}
a.btn:active {border-left-width:5px;}
div.inner {
	display:block;
	position:relative;
	width:85%;
	margin:0 auto;
}

div.left {width:40%;float:left;}
div.right {width:55%;float:right;}
div.clear {clear:both;}

div.third {width:31%;margin:0 1%;float:left;}

header.site-header {
	background:url(images/header-background.jpg);
	background-size:100%;
	background-position:center bottom;
	color:#FFDE6C;
	position:relative;
}

header.site-header div.inner {
	padding:4rem 0 3rem 0;
}	

header.site-header div.tagline {
	font-size:0.8rem;
	font-weight:400;
	letter-spacing:0.4rem;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	width:100%;
	bottom:1.5rem;
}

header.site-header div.home-link {
	display:block;
	width:30%;
	margin:0 auto 5rem;
	text-align:center;
}

header.site-header div.home-link img {
	width:100%;
	max-width:100%;
}

div#section p {margin:0.5rem 0;}
div#section div.inner {padding:3rem 0;font-size:1.35rem;text-align:center;line-height:1.8rem;}
div#section.the-value div.inner img {width:5%;display:block;margin:0 auto 1.5rem;}

div#section.the-tablet {background-color:#333092;color:#FFDE6C;}
div#section.the-tablet div.left img {width:100%;max-width:100%;}

div#section.the-booster {
	background:url(images/booster-background.jpg);
	background-size:120%;
	background-position:center bottom;
	color:#FFDE6C;
	position:relative;
}

div#section.the-booster div.third img {width:40%;max-width:40%;}
div#section.the-booster div.third h3 {font-weight:300;font-size:1.25rem;}
div#section.the-booster div.third p {font-size:1rem;}







@media (max-width: 999px) {
	header.site-header, div#section.the-booster {background-size:130%;}
}


@media (min-width: 1300px) {
	div.inner {width:65%;}
}

@media (min-width: 1700px) {
	html, body {font-size:22px;}
	header.site-header div.inner {padding-top:2rem;}
	header.site-header {background-position:center 85%;}
	div#section.the-booster {background-size:100%;}
	div.inner {width:55%;}
}