body{
	font-family: 'Raleway', sans-serif;

}



/**********************************
wrappers   
***********************************/
#wrapper{
	background-color: #51667B;	
	margin: 0 auto;
	padding: 50px 0 50px 0;
	color: #fff;
}

#wrapper2,
#wrapper4{
	background-color: #fff;
	max-width: 100%;
	margin: 0 auto;
	padding: 50px 0 50px 0;
	color: #000;
}

#wrapper3,
#wrapper5{
	background-color: #51667B;
	max-width: 100%;
	margin: 0 auto;
	padding: 50px 0 50px 0;
	color: #fff;
}

h1{
	
	font-size: 43px;
	font-weight: bold;	
	color: #EDE926;	
	letter-spacing: 4px;
	text-shadow: 0.1em 0.1em 0 rgba(0,0,0,0.3);
	text-align: center;
	text-transform: uppercase;
}

h2{
	color: #fff;
	margin: 0;
	font-size: 28px;
}

h3{
	color: #000;
	font-size: 28px;
}

h4{
	padding: 0 10px 40px 10px;
}


h5{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	
}

hr{
	border: 0;
	border-top: solid 1px #8C93A4;
	
		
	
}



p{
	
	
	margin: auto;
	padding: 0;
	font-size: 16px;
}

.form-group{
	max-width: 70%;
	padding: 0 0 0 15px;

}


 /****************************************************
 MEDIA QUERIES
 *****************************************************/


@media (max-width: 767px){
	
	#logo{
		width: 95%;
	}	

	h3{
		padding: 0 8px 0 8px;
	}
	
	p{
	
		padding: 0 8px 0 8px;
	
	}

}


@media (min-width: 992px){



}



@media (min-width: 1200px){


}