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

#container {width: 100%; max-width: 1600px; margin: 1em auto ; text-align: center; position: relative; 
font-size: 20px; font-weight: 600; 	font-family: 'muli';}  
 
h1 {display: none;}
.hls, .hrs, .hms {display: inline-block; vertical-align: middle; margin: 0 1%; }
.hls {width: 40%;  }
.hms {width: 40%;}
.hrs {width: 10%;}
img.logo {width: 100%!important;} 
.snlinkh {display: inline-block; width: 22%; max-width: 2em; margin: 0 2%; }


.slideshowwrap { width: 100% !important; margin: 1em auto 2em; height: 0; padding-bottom: 36%;   }
.slideshow { position: relative;  width: 100%; margin: 0 auto; } 
.slideshow img {width: 100% !important; margin: 0 auto; }

.slideshow > div {position: absolute; }




.strl {width: 90%; margin: 0 auto; font-size: 1.2em; text-align: center;}

#middle {width: 90%; margin: 2em auto;}

.services {width: 100%; margin: 1em auto; text-align: center;}

.serv {display: inline-block; width: 16%; margin: 0 1%; }

.blurb {margin: 2em auto;   font-weight: 600; text-align: left; }
.blurb p {margin-top: 1em;}
.blurb p.tc {text-align: center;}
.id80 {width: 80%; margin: 0 auto;}

#gallery {width: 80%; max-width: 1400px; margin: 0em auto; }


.underconst {text-align: center; margin: 3em auto; font-size: 1.7em; color: #46869f;}
.contact {text-align: center;}
.contact table {display: inline-block; margin: 1em auto;}
td {text-align: left; padding: 0 0.5em;}

.fillh {height: 1em;}
.snlink {display: inline-block; margin: 0 2%; width: 10%; max-width: 3em;}
.toadd {font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #520607; font-style: italic; margin-left: 10%;}
#footer {width: 100%; text-align: center; font-size: 0.7em; padding: 2em 0 1em ; font-weight: 500;}
.footc {display: inline-block; width: 45%; 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;}
	.footc {width: 90%;}
	
}