body{
	margin:0; padding:0;
	font-family: Arial, Helvetica,  "sans-serif";
	font-size:14px;
	line-height:1.5em;
	color:#231F20;
}

a{
	color:#AA2424;
	text-decoration: none;
}

.button{
	color:white;
	font-family: Georgia, "Lucida Bright",  "serif";
	font-size:18px;
	background-color: #AA2424;
	padding:10px 20px;
	display:table;
}

h1, h2, h3{
	font-family: Georgia, "Lucida Bright",  "serif";
	font-weight: normal;
}

h1{
	color:white;
	font-size:38px;
	line-height:1.3em;
	margin-top:0;
	
}

h2{
	font-size:29px;
}

.wrapper{
	width:1124px;
	margin-left:auto;
	margin-right:auto;
}

.clearfix{clear:both;}

/*============== HEADER =============*/
header{
	padding-top:60px;
	padding-bottom:40px;
}

#toggle{
	display:none;
}

.logo{
	float:left;
}

nav#desktop{
	float:right;
	margin-top:10px;
}

nav#desktop ul{
	margin:0;
	padding:0;
}

nav#desktop ul li{
	list-style:none;
	float:left;
	margin-left:30px;
	font-family: Georgia, "Lucida Bright",  "serif";
	font-size:18px;
	
}

nav#desktop ul li a{
	color:#00A99E;
}

/*============== FOOTER =============*/

footer{
	background-color:#00A99E;
	padding:30px 0;
}

nav#mobile{display:none;}

footer p{float:left; color:white;}

#social{
	float:right;
	margin:0; 
	padding:0;
}

#social li{
	list-style:none;
	float:left;
	margin-right:10px;
	
}

#social li a{
	background-image:url(images/social.svg);
	background-repeat:no-repeat;
	display:block;
	width:45px;
	height:45px;
	
}

#social li a.vimeo{background-position:0 -45px;}
#social li a.twitter{background-position:-41px -45px;}
#social li a.pinterest{background-position:-82px -45px; width:40px;}
#social li a.yelp{background-position:-118px -45px; width:42px;}

#social li a.vimeo:hover{background-position-y: -1px;}
#social li a.twitter:hover{background-position-y: -1px;}
#social li a.pinterest:hover{background-position-y: -1px; }
#social li a.yelp:hover{background-position-y: -1px; }

/*============== BANNER =============*/
#banner{
	height:634px;
	position:relative;
}

#banner img, #value-prop{
	position:absolute;
}

#value-prop{
	padding:20px;
	background-color: rgba(19, 12, 13, .65);
	bottom:40px;
}

h1 span{
	font-style:italic;
	display:block;
	font-size:27px;
}


/*============== FEATURED =============*/

#featured{
	margin:60px 0;
}

.left, .right{
	width:472px;
}

.left{
	float:left;
}

.right{
	float:right;
}


/*============== FEATURED =============*/
#courses{
	margin-bottom:80px;
}

#courses h2{
	text-align: center;
	
}

.boxes{
	margin-top:40px;
	text-align:center;
}

.box{
	display:inline-block;
	width:331px;
	text-align: left;
	margin-left:15px;
	margin-right:15px;
	
}

.box img{
	width:100%;
	height:auto;
}