@import url(http://fonts.googleapis.com/css?family=Raleway:200,600,500);
/********** LAYOUT **********/
html, body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Raleway", "Arial", sans-serif;
	background: #525252;
	box-sizing: border-box;
}

#wrap{
	min-height: 100%;
	display: block;
}

#wrap:after{
	content: '';
	height: 90px;
	display: block;
}

article, footer{
	position: relative;
	display: block;
}

footer{
	height: 90px;
	width: 100%;
	margin: -90px auto 0;
	display: block;
	clear: both;
	background: #686868;
}

.content{
	width: 940px;
	margin: 0 auto;
	padding: 40px 0;
}

.columns{
	overflow: hidden;
	clear: both;
}

.col3{
	width: 288px;
	padding: 0 19px;
	float: left;
	display: inline-block;
}

.col3:first-child{
	padding-left: 0;
}

.col3:last-child{
	padding-right: 0;
}

.col2{
	width: 380px;
	padding: 30px 30px 30px 60px;
	display: inline-block;
	text-align: left;
	float: left;
}

.col2:last-child{
	float: right;
	padding: 30px 60px 30px 30px
}

hr{
	height: 1px;
	width: 80px;
	margin: 30px auto;
	background: #aa9a5e;
	color: #aa9a5e;
	border: #aa9a5e solid 1px;
}

img{
	display: block;
	margin: 0 auto;
}

header, nav{
	width: 100%;
	z-index: 10;
	overflow: hidden;
	white-space: nowrap;
}

nav#initial{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 200px;
	vertical-align: middle;
}

nav#fixed_nav{
	position: fixed;
	line-height: 40px;
	vertical-align: middle;
	display: none;
	background: #525252;
}

nav#mobile_nav{
	display: none;
	position: fixed;
	display: none;
	top: 0;
	left: 0;
}

nav ul{
	display: block;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

nav ul li{
	display: inline-block;
	font-weight: 700;
	margin: 0 18px;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#initial ul li span, #fixed_nav ul li{
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
}

nav ul li.active,
#initial ul li span.homeLink,
nav ul li span:hover,
#fixed_nav ul li:hover{
	color: #aa9a5e;
}

#initial .nav_logo{
	height: 104px;
	width: 104px;
	line-height: 200px;
	vertical-align: middle;
	cursor: default;
}

#fixed_nav .nav_logo{
	height: 37px;
	width: 104px;
	line-height: 40px;
	vertical-align: middle;
	background: url('../img/nav_arrow.png') no-repeat center center;
}

#fixed_nav .menu_button{
	display: none;
}

/***** TEXT *****/
h1, section > h2{
	display: none;
}

h2{
	font-size: 60px;
	font-weight: 100;
	margin: 30px 0 30px;
	letter-spacing: -2px;
}

h3{
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 30px;
	letter-spacing: .2px;
	line-height: 1.2em;
}

h4{
	font-size: 29px;
	font-weight: 600;
	color: #aa9a5e;
}

h5{
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 -30px;
}

h6{
	font-size: 14px;
	color: #545454;
	padding: 0;
	margin: 50px 0 20px;
}

h4 span{
	font-size: 15px;
	font-weight: 600;
	line-height: 29px;
	vertical-align: middle;
}

.italic{
	font-style: italic;
}

.bold{
	font-weight: 600;
}

p{
	font-size: 16px;
	font-weight: 500;
	margin: 40px 0;
	letter-spacing: .4px;
	line-height: 1.75em;
}

p.button{
	height: 60px;
	width: 230px;
	border: #fff solid 2px;
	font-weight: 600;
	margin: 0 auto 30px;
	line-height: 60px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
}

p.button:hover{
	border: #aa9a5e solid 2px;
	background: #aa9a5e;
	color: #fff;
}

p.light{
	border: #000 solid 2px;
	color: #000;
}

p.founder_info{
	font-size: 14px;
	margin-top: 5px;
}

.link{
	font-weight: 600;
	color: #aa9a5e;
	cursor: pointer;
}

.small{
	font-size: 13px;
}

a{
	font-weight: 600;
	color: #aa9a5e;
	text-decoration: none;
}

nav,
#home,
#how,
#mission,
#preorder,
#signup,
h2,
p.button{
	text-align: center;
}

/********** SECTIONS **********/
/***** HOME *****/
#home{
	background: url('../img/home-img.jpg') no-repeat center center;
	background-size: cover;
	padding-top: 160px;
	padding-bottom: 30px;
	color: #fff;
}

#home img{
	margin-top: 40px;
	cursor: pointer;
}

#home #mobile_logo{
	display: none;
}

/***** How *****/
#how{
	background: #fff;
	color: #494949;
	clear: both;
}

#how img{
	height: 163px;
	width: 180px;
}

#how p{
	letter-spacing: .2px;
}

/***** THE MISSION *****/
#mission{
	background: url('../img/mission-img.png') no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 20px 0;
}

#mission .content{
	width: 900px;
	margin: 0 auto;
}

#mission .transparent{
	background: rgba(0,0,0,0.5);
	position: relative;
	top: 0;
	left: 0;
	width: 740px;
	padding: 30px 80px;
}

#mission h3{
	width: 600px;
	margin: 0 auto;
}

#mission hr + p{
	width: 620px;
	margin: 0 auto 30px;
}

/***** ABOUT *****/
#about{
	background: url('../img/au-grey.jpg') no-repeat top left;
	background-size: cover;
}

#about .columns p{
	text-align: left;
	margin: 0;
}

#about .columns .col2:last-child p{
	margin-bottom: 30px;
}

#about img{
	margin-bottom: 0;
	width: 100%;
	height: auto;
}

/***** PRE-ORDER *****/
#preorder{
	padding-top: 50px;
	background: #fff;
}

#preorder .content{
	padding: 30px 20px;
}

#preorder .col3:first-child, #preorder h2{
	text-align: left;
}

#preorder .col3:first-child p{
	width: 240px;
	margin: 10px 10px 10px 0;
	font-size: 14px;
}

#preorder h2{
	line-height: 1.2em;
	margin-top: 10px;
}

#preorder h3{
	font-size: 25px;
	margin-bottom: 10px;
	color: #525252;
}

#preorder h4{
	font-size: 20px;
}

#preorder .button{
	height: 50px;
	width: 200px;
	font-size: 14px;
	margin-top: 0;
	line-height: 50px;
}

#preorder .bold{
	font-size: 13px;
	margin-bottom: 10px;
	color: #545454;
}

#preorder .col3:nth-child(2) p:last-child,
#preorder .col3:last-child p:last-child{
	font-size: 13px;
	margin-top: 10px;
	color: #545454;
}

#preorder hr{
	margin: 20px auto;
}

#preorder img{
	height: 227px;
	width: 224px;
	margin: 0 auto 30px;
}

/***** SIGN UP *****/
#signup{
	background: #aa9a5e;
	color: #fff;
}

#signup h2{
	margin-bottom: 15px;
}

#signup p{
	margin: 15px auto 20px;
}

#signup .errors{
	display: none;
}

/* Sign Up Form */
input[name="email"]{
	display: none;
}

input[name="semail"], input[name="submit"]{
	height: 59px;
	font-size: 13px;
	font-family: "Raleway", "Arial", sans-serif;
	display: inline-block;
}

input[name="semail"]{
	border: none;
	width: 233px;
	padding: 0 10px;
}

input[name="submit"]{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	font-weight: bold;
	border: #000 solid 2px;
	padding: 0 20px;
	margin-left: 5px;
	background: #aa9a5e;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
}

input[name="submit"]:hover{
	background: #000;
	color: #aa9a5e;
}

/***** ANSWERS *****/
#answers{
	background: #fff;
	color: #545454;
	text-align: left;
}

#answers h3{
	font-size: 20px;
	color: #aa9a5e;
	margin-top: 10px;
	margin-bottom: 20px;
}

#answers h4{
	font-size: 14px;
	color: #545454;
	padding: 0;
	margin: 50px 0 20px;
}

#answers p{
	margin-top: 20px;
	padding: 0;
}

#answers a{
	color: #545454;
}

#answers .columns{
	width: 940px;
}

#answers .col2{
	width: 430px;
	padding: 0;
}

#answers .col2:first-child{
	padding-right: 40px;
}

#answers .col2:last-child{
	padding-left: 40px;
}

/***** FOOTER *****/
footer .content{
	height: 90px;
	width: 900px;
	padding: 0 10px;
	overflow: hidden;
}

footer .copyright{
	display: inline-block;
	font-size: 13px;
	color: #cecece;
	margin: 0;
	text-align: left;
	line-height: 90px;
	vertical-align: middle;
}

footer ul{
	display: inline-block;
	float: right;
	line-height: 90px;
	list-style-type: none;
	margin: 0;
}

footer ul li{
	display: inline;
	margin: 0 15px;
}

footer ul li:last-child{
	margin-right: 0;
}

footer ul li .link{
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
}

footer ul li .link:hover, footer ul li .link.active{
	color: #aa9a5e;
}

/***** LEGAL INFO *****/
#legal{
	background: #515151;
}

#legal .content{
	display: none;
	width: 780px;
	padding: 55px 60px;
}

#legal h4{
	font-size: 18px;
	margin-bottom: 42px;
}

#legal h5{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: -30px;
}

#legal p{
	font-size: 14px;
	color: #fff;
	margin: 40px 0;
}

#legal img.closeBox{
	display: none;
}