body{margin:0px;padding:0px;background-color:#ffffff;color:#ffffff;font-size:15px;height:100%;position: relative;}
a{color:#ffffff;text-decoration: none;}
a:hover{color:#ffffff;text-decoration: none;}
a:focus{color:#ffffff;text-decoration: none;}
.width100{width:100%;}
.width80{width:70%;}
.auto{margin: auto;}
.spacer2{height:2px;}
.spacer5{height:5px;}
.spacer10{height:10px;}
.spacer15{height:15px;}
.spacer20{height:20px;}
.spacer25{height:25px;}
.spacer40{height:40px;}
.hideit{display: none;}
.overlay{position: absolute;top:0px;left:50%;transform: translateX(-50%);width:30%;height:100%;background-color:rgba(55,57,53,0.8);}
.spacer30per{height: 30vh;}
@media only screen and (max-width : 1024px)  and (orientation : landscape){
.spacer30per{height: 20vh;}
}
@media only screen and (max-width : 768px) and (orientation : portrait){
.spacer30per{height: 7vh;}
}
@media only screen and (max-width : 750px){
.spacer30per{height: 7vh;}
	body{font-size:10px;}
	.spacer20{height:5px;}
}
@media only screen and (max-width : 480px){
.spacer30per{height: 7vh;}
	body{font-size:10px;}
	.spacer20{height:5px;}
}