body{
position:relative;
margin:0;
overflow-x:hidden;
}
body, input, select, option, textarea, button{
color:#333;
font-size:100%; font-weight:500; font-family: 'Montserrat', sans-serif !important;
}
a{
color:#333;
text-decoration:none;
}
a, a:active, button, button:active{
outline:none;
}
h1{
margin:0;
color:#555;
text-align:center;
font-size:280%; font-weight:700;	
}
h2{
margin:0;
color:#555;
text-align:center;
font-size:250%; font-weight:700;	
}
h3{
margin:0;
color:#555;
text-align:left;
font-size:200%; font-weight:600;	
}
.content-width{
width:96%; max-width:1200px;
}
.shading-div{
display:none;
width:100%; height:100vh;
position:fixed; top:0; left:0; z-index:104;
margin:0;
padding:0;
background:rgba(0, 0, 0, 0.4);
}

@media screen and (min-width:100px) and (max-width:400px){
	h1{
	font-size:150%;	
	}
	h2{
	font-size:130%;	
	}
	h3{
	font-size:120%;	
	}
}	
@media screen and (min-width:401px) and (max-width:500px){
	h1{
	font-size:160%;	
	}
	h2{
	font-size:140%;	
	}
	h3{
	font-size:130%;	
	}
}	
@media screen and (min-width:501px) and (max-width:600px){
	h1{
	font-size:170%;	
	}
	h2{
	font-size:150%;	
	}
	h3{
	font-size:140%;
	}
}
@media screen and (min-width:601px) and (max-width:700px){
	h1{
	font-size:180%;	
	}
	h2{
	font-size:160%;	
	}
	h3{
	font-size:150%;	
	}
}
@media screen and (min-width:701px) and (max-width:800px){
	h1{
	font-size:190%;	
	}
	h2{
	font-size:170%;	
	}
	h3{
	font-size:160%;	
	}
}
@media screen and (min-width:801px) and (max-width:900px){
	h1{
	font-size:200%;	
	}
	h2{
	font-size:180%;	
	}
	h3{
	font-size:170%;	
	}
}
@media screen and (min-width:901px) and (max-width:1000px){
	h1{
	font-size:210%;	
	}
	h2{
	font-size:190%;	
	}
	h3{
	font-size:180%;	
	}
}
@media screen and (min-width:1001px) and (max-width:1100px){
	h1{
	font-size:220%;	
	}
	h2{
	font-size:200%;	
	}
	h3{
	font-size:190%;	
	}
}
@media screen and (min-width:1101px) and (max-width:1200px){
	h1{
	font-size:240%;	
	}
	h2{
	font-size:220%;	
	}
}
@media screen and (min-width:1201px){

}