@charset "utf-8";
.mainbit {
 min-height: calc(100vh - 9em);
}
#container {width: 100%; max-width: 2000px; margin: 0 auto; text-align: center;     position: relative; 

font-size: 20px; font-weight: 400; 	font-family: 'muli';} 

.webpage { }


#header {width: 100%; margin: 1em auto;}
#header img {width: 50% !important; max-width: 400px; margin: 0 auto; display: block;}
h1 {display: none;}
#middle {width: 96%;  margin: 2em auto;}
.blurb {margin: 2em auto;  line-height: 1.5em; }
.blurb p {margin-top: 1em;}
.contact {}
.contact table {display: inline-block; margin: 0 auto;}
td {text-align: left; padding: 0 0.5em;}
.servs {width: 90%; margin: 0 auto; text-align: center;}
.srv {margin: 1em auto; font-size: 1.1em; font-weight: 600; color: #27273e; }

.comesoon {color: #940505; }
.snlnk {display: inline-block; width: 5%; max-width: 3em; margin: 1em 2% 0;}
#footer {width: 100%; text-align: center; font-size: 0.7em; padding: 2em 0 ;}
.footc {display: inline-block; width: 48%; margin: 0; vertical-align: middle;}
 
@media (max-width: 1024px) {
#container {font-size: 18px;}
}

@media (max-width: 800px) {
#container {font-size: 16px;} 
}

@media (max-width: 600px) {

#container {font-size: 14px;}
}

@media (max-width: 500px) {
	#container {font-size: 12px;}
	.footc {width: 90%; margin: 0 auto;}
	
}
@media (max-width: 400px) {
	#container {font-size: 10px;}
	.footc {width: 90%;}
	
}