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

#container {width: 100%; max-width: 1500px; margin: 2em auto ; text-align: center; position: relative; 
font-size: 20px; font-weight: 500; 	font-family: 'muli';}  
 
h1 {display: none;}
#header {width: 100%; margin: 1em auto; text-align: center;}
.headimg img {width: 100%!important; max-width: 1500px; margin: 0 auto;}

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

.slideshow > div {position: absolute; }


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

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

 ul  li { padding-left: 0.5em; position: relative; margin-top: 1em; }

.gwo {font-size: 1.2em; font-weight: 600; color: #000;} 
.contact {text-align: center;}
.contact table {display: inline-block; margin: 1em auto;}
.ffb {width: 25%; max-width: 8em; margin: 0 auto;}
td {text-align: left; padding: 0 0.5em;}
img.sn {width: 2.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: 32%; margin: 0; vertical-align: middle;}
.terms {font-size: 1.2em; font-weight: 600;}
 
@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.5em auto;}
	
}
@media (max-width: 400px) {
	#container {font-size: 10px;}
	
}