@charset "utf-8";
.mainbit {
 min-height: calc(100vh - 8em);
}
h1 {display: none;}
#container {width: 100%; max-width: 1800px; margin: 0 auto; text-align: center; position: relative; 
font-size: 20px; font-weight: 500; 	font-family: 'muli';}  
#header {width: 100%; margin: 2em auto 0; text-align: center;}
.headimg img {width: 60%!important; margin: 0 auto; display: block;}

#middle {width: 96%; margin: 1em auto;}
.strapline {}
.slides {width: 90%; max-width: 1200px; margin: 0 auto;}

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

.slideshow > div {position: absolute; }
.blurb p {text-align: left; margin : 0.5em auto;}

.subt { text-align: left;  font-size: 1.2em; font-weight: 600; text-decoration:  underline; margin-top: 2em;}
.mlsmrs {width: 100%; margin: 1em auto; text-align: center; }
.mls, .mrs {display: inline-block; width: 44%; margin: 0.5em 1%; vertical-align:  middle;}
.pglink {width: 100%; margin: 2em auto;}
.pglink  a {display: inline-block; padding:  0.5em; background: #898989; border: 0.02em solid #919191; color: #fff; font-size: 1.5em;}
.contact {font-size: 1.2em;}
.contact table {display: inline-block; margin: 0.5em auto;}
td {text-align: left; padding:  0.25em 0.5em;} 
.chkl img {width: 5em!important; margin: 0 auto; display: block;}


.services {width: 80%; margin: 1.5em auto; text-align: center;}
.serv {display: inline-block; margin: 0.5em 3%; font-size: 1.2em;}

.gallery {width: 100%; margin: 1em auto;}
.gallery img {width: 100!important; margin: 0 auto; display: inline-block;}
 .fillh {height: 3em;}
.footw {height: 3em; vertical-align:  middle; }

.footer {  width: 100%; color: #000; font-size: 0.7em; text-align: center; font-weight: 400;}

.footc {display: inline-block;  width: 46%; margin: 0 1%; vertical-align: middle;  }
.bn {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
.tl {text-align: left;}
.tr {text-align: right;}

@media screen and  (orientation: portrait) {
	#header {margin: 4em auto 0;}
}

@media (max-width: 1024px) {
#container {font-size: 18px;}
	.contact {font-size: 1em;}
	.mls {width: 25%;}
	.mrs {width: 60%;}
}


@media (max-width: 800px) {
	#container {font-size: 16px;}
	.headimg img {width: 80%!important; }
	
	.pglink a {font-size: 1.1em;}

}

@media (max-width: 600px) {

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

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

}

@media (max-width: 400px) {
		#container {font-size: 10px;}  
	.mls,.mrs {width: 90%; margin: 0.5em auto;}

	
}