@charset "utf-8";

body, html{
	margin:0;
	padding:0;
	height:100%;
	
	
}
textarea, input{
	
	font-family: 'Montserrat', sans-serif;
}
a{
	text-decoration:none;
	color:inherit;	
}

.wrapper{
	min-height:100vh;
	width:100%;
	overflow:hidden;
	
}


.overlay{
	width:100%;
	height:0;
	background-color:rgba(0,0,0,0.7);
	z-index:9;
	opacity:0;	
	position:fixed;
	transition:opacity .3s ease-in-out;
}

.overlayOn{
	height:100%;
	opacity:1;
}


li{
	list-style:none;	
	margin-bottom:10px;
}



.sectionInner{
	overflow:hidden;
	width:90%;
	margin:0 auto;
	position:relative;
	margin-top:75px;
}

.title{
	display:block;
	font-size:22px;
	text-align:center;
	font-weight:900;	
	margin-bottom:10px;
	text-transform:uppercase;
	color:#003E6A;
	font-family: 'Montserrat', sans-serif;
}







@media (min-width: 800px){


section{
	padding:50px 0;
	
}

.sectionInner{
	width:700px;
}

.title{
	display:block;
	font-size:30px;
	text-align:center;
	font-weight:900;	
	margin-bottom:10px;
	text-transform:uppercase;
	color:#003E6A;
}



.header span{
	width:700px;
	height:34px;
	line-height:34px;
	margin:0 auto;
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:-350px;
		
}

}
	
	
@media (min-width: 900px) {

.sectionInner{
	width:800px;
}

.title{
	font-size:34px;
}

.header span{
	width:800px;
	margin-left:-400px;
}


}

@media (min-width: 1000px) {

.sectionInner{
	width:900px;
}
.header span{
	width:900px;
	margin-left:-450px;
}


}