@charset "utf-8";
.mainbit {
 min-height: calc(100vh - 6em);
}

#container {width: 100%; max-width: 2000px; margin: 0 auto 0; text-align: center; position: relative; 
font-size: 20px; font-weight: 600; 	font-family: 'muli';}  
#header {width: 100%; margin: 1em auto;}
h1 {display: none;}





#middle {width: 96%; margin: 2em auto;}
.mainimg {width: 100%; max-width: 1500px; margin: 2em auto;}
#services {width: 80%; margin: 3em auto; text-align: center;}
.subt {font-size: 1.2em; text-decoration:  underline;}
.serv {margin: 0.75em auto; }
.blurb {margin: 2em auto;   font-weight: 600; text-align: left; }
.blurb p {margin-top: 1em;}
.blurb.tc {text-align: center;}
.contact {text-align: center;}
.contact table {display: inline-block; margin: 1em auto;}
td {text-align: left; padding: 0 0.5em;}

.fillh {height: 1em;}

#footer {width: 100%; text-align: center; font-size: 0.7em; padding: 2em 0 1em ; font-weight: 500;}
.footc {display: inline-block; width: 30%; 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;}
	.footc.tl, .footc.tr {text-align: center;}
	
}
@media (max-width: 400px) {
	#container {font-size: 10px;}

	
}