charset "utf-8";

#container {width: 100%; margin: 0 auto; font-size: 20px;}
#header {width: 100%; margin: 0 auto; padding: 1em 0; background: #3a3a3a; color: #fafafa;}
.hlshrs {width: 100%; text-align: center;}
.hls, .hms, .hrs {display: inline-block; margin: 0 1%; vertical-align: middle; }
.hls, .hrs {width: 30%;}
.hms {width: 33%; vertical-align: top;}
 .hls p {margin: 0.5em 0;}
.logo { max-width: 300px; margin: 0 auto;}

.servs li {list-style-type: none; line-height: 2em;}
.stripew { width: 100%; height: 8px; background: #f9fcf7; background: linear-gradient(to bottom, #f5f9f0 0%, #dadada 50%,#f5f9f0 100%); 
}

#middle {width: 96%; max-width: 1024px; margin: 3em auto; text-align: center;}
.blurb p {margin: 0.5em 0; text-align: left;} 
.blurb p.nmt {margin: 0 0 0.5em;}
.subt  {margin-top: 1em; color: #000; text-align: center; font-weight: 600; width: 100%; }
.stlsrs {width: 100%; text-align: center; }
 .stls, .strs { display: inline-block; margin: 0 2%; vertical-align: middle; }
 .stls {width: 30%;}
 .strs {width: 60%;}
 .strs img {width: 46%; max-width: 250px; margin: 0 auto;}
 .strs img.db { margin: 0 ; display: inline-block;}
.treatcat {padding: 1em 0;}
.mlsmrs {width: 100%; margin: 2em auto;}
.mls, .mrs  {display: inline-block; margin: 0 1%; vertical-align: middle; }
.mls {width: 60%;}
.mms {width: 35%;}
.contact {margin-top: 1em; text-align: center;}
.contact table {display: inline-block; margin: 0 auto;}
.contact td {padding: 0.5em 0.25em; text-align: left;}
img.susan {width: 90%; max-width: 350px;  margin: 0 auto 1em; box-shadow: 0 1px 1px #000; border: 2px solid #fff;}



.pglink {font-family: 'muli'; font-size: 1.2em; font-weight: 500; margin-top: 3em; padding: 0.25em 0.5em;}
.fbfeed {width: 90%; max-width: 350px;  margin: 1em auto 0;  height: 370px; }
.fb-page, .fb-page span, .fb-page span iframe[style] {width: 100% !important; }  

.fillf {height: 3em;}

#footer {width: 100%; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-style: italic; font-size: 0.6em; text-align: center; padding: 2em 0 1em; background: #848482; color: #fafafa;}

.footc {display: inline-block; margin: 0 2%; vertical-align: middle;}
.foots {width: 22%;}
.footl {width: 42%;}


@media screen and  (orientation: portrait) {
	.mls, .mrs {width: 80%; margin: 1em auto;}
	.mrs {padding-top: 2em;}

}

}
@media (max-width: 1024px) {
#container {font-size: 18px;  }
}
@media (max-width: 850px) {
	#container { font-size: 16px;}
	
}
@media (max-width: 700px) {
	#container { font-size: 14px;}
	}

@media (max-width: 610px) {
	#container {  font-size: 12px;}
}
@media (max-width: 500px) {
	#container { font-size: 10px;}
	.hls, .hms, .hrs {width: 80%; margin: 1em auto;}

}