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

#container {width: 100%; max-width: 1800px; margin: 0 auto; position: relative; font-size: 20px; font-weight: 500; font-family: 'muli'; text-align: center;}
h1 {display: none;}
#hheader {width: 100%; margin: 0 auto; text-align: center;  }
#hmenu {width: 100%; position: fixed; top: 0px; left: 0px;  background: #000; padding: 0.25em 0; }
#hlogo {width: 12%; position: fixed; top: 0px; left: 0px;  background: #000;}
#hlogomob {display: none;}
.hsn {width: 100%; margin: 1em auto; text-align: center;}
.hsn img {display: inline-block; margin: 0 4%; width: 18%;}
.hmenulinks {width: 85%; margin: 0em auto; text-align: center; float: right; }
/*.hmenulinks a*/ .hlink {display: inline-block; margin: 0.5em 3%; padding: 0.5em; font-weight: 600; font-size: 1em;}
.sp1 {width: 6em;}
.homemenulink, .menulink {text-align: center;  display: inline-block;  font-weight: 500; }
.homemenulink {font-size: 1.2em; margin:  0.5em 3%; }
.currp {opacity: 0.5}
a.currp:hover {cursor: pointer;}
.hlshrs, .mlsmrs  {width: 100%;  text-align: center; margin: 0 auto;}
.hls, .hrs, .hms {display: inline-block; vertical-align: middle; margin: 0.5em 0%; }
.hls {width: 12%; }
.hms {width: 76%;}
.hrs {width: 7%; }
.hls img {width: 100% !important;}
.sn img {display: inline-block; margin: 1em 3%; width: 25%; max-width: 3em;}

.slideshowwrap {  width: 100% !important;  max-width: 1500px; margin: 0 auto; height: 0; padding-bottom: 75%;  }
.slideshow { position: relative;  width: 100%; margin: 0 auto; } 
.slideshow img { width: 100% !important;}
.slideshow > div {position: absolute; }



.headimg img {width: 100%; margin: 0 auto; display: inline-block; }
#middle {width: 96%; margin: 1em auto;}
.bio {width: 96%; margin: 3em auto ;}

.bioname {font-size: 2em; text-align: center; font-weight: 600; margin-bottom: 1em; letter-spacing: 0.25em; }
.blurb p {margin: 0.75em auto; text-align: left;}
.mls, .mrs {display: inline-block; vertical-align: top; margin: 0.5em 2%; }
.mls {width: 30%;}
.mrs {width: 60%;}
.id80 {width: 80%; margin: 0 auto;}
.biost {display: inline-block; vertical-align: top; margin: 0.5em 5%; text-align: center; width: 38%;  }
.goal {display: inline-block; margin: 0.75em 5%;}
.f8 {font-size: 0.8em;}
.f9 {font-size: 0.9em;}
.focus table {display: inline-block; margin: 1em auto;}
.biost table   {display: inline-block; margin: 0 auto;}
.contact table {display: inline-block; margin: 1em auto;}
.biost td  {text-align: left; padding: 0.25em;}
.contact tr {padding: 0 5em;}
.contact td {text-align: left; padding: 0.25em 0.5em;}
.directs {text-align: center; margin: 1em auto;}
.focus td {text-align: left; padding: 0.4em 0.25em;}
.quals td {font-size: 0.9em; padding: 0.3em 0.25em;}

td.subt {text-align: center; text-decoration: underline;}
.fillm {height: 4em; width: 100%;}
.fillt {height: 10em;}
.contact {text-align: center; margin: 2em auto; width: 60%;}

#photos {width: 90%; max-width: 1200px; margin: 2em auto;}

#footer {width: 100%; text-align: center;   font-size: 0.7em; padding: 4em 0 1.5em ;}
.bn {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }

.footc {display: inline-block; width: 32%; margin: 0; vertical-align: middle;}
.tl {text-align: left;}
.tr {text-align: right;}

@media (max-width: 1024px) {
#container {font-size: 18px;}
 	.mls,.mrs, .biost {width: 90%; margin: 1em auto;}
	img.bioimg {width: 80% !important; margin: 0 auto;}
	.hmenulinks {width: 98%; margin: 0 auto;}
	.hrs {display: none;}
.hms {width: 83%;}

}

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

}

@media (max-width: 700px) {
#container {font-size: 14px;}
		.hlink {margin: 0.5em 2.5%; padding: 0.25em; font-size: 0.8em;}


}
@media (max-width: 600px) {
#container {font-size: 12px;}
	.hls {width: 50%; margin: 1em auto;}
	.hms {width: 100%;}
	.hlink {margin: 0.5em 3%;} 
	#hlogonomob {display: none;}	
	#hlogomob {display: inline-block; width: 100%; background: #0a0a0a; margin: 0 auto;}
 img.bioimg {width: 90% !important; margin: 0 auto;}
	.footc {width: 100%; margin: 0.5em auto;}
	.footc.tl, .footc.tr {text-align: center;}
 

}

@media (max-width: 500px) {
	#container {font-size: 10px;}
}
@media screen and  (orientation: portrait) {

}