}* {
    box-sizing: border-box;
    max-width: 100%;
}

img, embed, object, video {
   max-width: 100%;
   padding: 0;
   margin: 0;
}


body {
   color: black;
   background-color: white;
   font-family: Georgia, Garamond, sans-serif;
   font-size: 16px;
   margin: 0 auto;
   max-width: 100%;
   background-color: #ececec;
}

.button {
    clear:both;
    background-color: #000000;
    border: 0 none;
    border-radius:4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size:15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 2%;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: fit-content;
    width: -moz-fit-content;
}

.button:hover {
    background-color:#777;
    color: #FFFFFF;
    text-decoration: none;
}

.container {
   display: flex;
   flex-wrap: wrap;
   background-color: #ffffff;
}

.containerInfo {
   display: flex;
   flex-wrap: wrap;
   background-color: #c2c6d7;
   padding: 1em 0em 1em 0em;
}

.containerInfoNoPad {
   display: flex;
   flex-wrap: wrap;
   background-color: #c2c6d7;
}

.containerTherapist {
    display: flex;
    flex-wrap: wrap;
    background-image: url("/images/woodPlanks.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

.containerStaffBio {
    display: flex;
    flex-wrap: wrap;
    background-image: url("/images/woodDoor.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

.containerSchedule {
    display: flex;
    flex-wrap: wrap;
    background-image: url("/images/woodDoorSliver.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    padding: 1em 0em 1em 0em;
}

.containerResource {
    display: flex;
    flex-wrap: wrap;
    background-image: url("/images/woodDoor.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

.containerEmployment {
    display: flex;
    flex-wrap: wrap;
    background-image: url("/images/woodDoor.jpg");
    background-size: 160%;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

.containerPageHeader {
    display: flex;
    flex-wrap: wrap;
    background-color: #c2c6d7;
}

.box {
   width: 100%;
}

.responsiveFrame {
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   position: relative;
}

.responsiveFrame iframe {
   position: absolute;
   width: 100%;
   height: 100%;
}

.logo {
   margin: 0 auto;
   padding: 1em;
   width: 150px;
   height: 47px;
}

.navbar {
   width: 100%;
   margin: 0 auto;
   padding: .25em;
   background-color: #c2c6d7;
   display: flex;
   flex-wrap: wrap;
}

.navitem {
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   width: 33%;
   display: inline;
   padding: .25em 0em .25em 0em;
}
 
.infoThreeCol {
   background-color: #c2c6d7;
   display: block;
   text-align: center;
   margin: 0 auto;
   width: 33%;
 }
 
.infoTwoCol {
   background-color: #c2c6d7;
   display: block;
   text-align: center;
   margin: 0 auto;
   width: 50%;
 }
 
.infoOneCol {
   background-color: #c2c6d7;
   display: block;
   text-align: center;
   margin: 0 auto;
   width: 100%;
 }
 
.resourceText {
   display: block;
   text-align: justify;
   margin: 0 auto;
   width: 75%;
   padding: 1em;
 }
 
.resourceList {
   display: block;
   text-align: center;
   margin: 0 auto;
   width: 33%;
   margin-bottom: 1em;
 }

.therapist {
   display: block;
   text-align: center;
   margin: 0 auto;
   width: 30%;
   padding: 1em;
 }
 
.therapistText {

}

.homepageBio {
   text-align: center;
}

.staffBio {
    display: flex;
    flex-wrap: wrap;
    padding: 0em 1em 0em 1em;
 }
 
.staffBioPic {
   display: block;
   text-align: right;
   margin: 0 auto;
   width: 33%;
   margin-bottom: 0.5em;
 }
 
.staffBioText {
   display: block;
   text-align: justify;
   margin: 0 auto;
   width: 67%;
 }
 
.staffPic {
   opacity: 1;
   transition: .5s ease;
   backface-visibility: hidden;
   box-shadow: 7px 7px 5px #5f5f5f;
   margin: 0 auto;
   margin-bottom: 1em;
}
 
.majorHeading {
   font-size: 40;
}
 
.overlayContainer {
   position: relative;
   margin: 0;
   padding: 0;
}

.overlay {
   display: flex;
   transition: .5s ease;
   opacity: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%)
}

.overlayContainer:hover .staffPic {
   opacity: 0.6;
}

.overlayContainer:hover .overlay {
   opacity: 1;
}

.overlayImg {
   display: block;
}

.specialSmallSize {
}

.footnote {
   font-style: italic;
   font-size: 12px;
}

.listSpace {
   line-height: 2em;
}

.sitemap {
   background-color: #afaeb1;
   display: block;
   text-align: center;
   font-family: Georgia, Garamond, sans-serif; 
   color: white;
   margin: 0 auto;
   width: 33.3333%;
 }
 .sitemapSmallView {
   background-color: #afaeb1;
   display: block;
   text-align: center;
   font-family: Georgia, Garamond, sans-serif; 
   color: white;
   margin: 0 auto;
   width: 50%;
 }
.sitemapTitle {
   font-style: italic;
   font-size: 13px;
 }
.sitemapItem {
   font-size: 14px;
 }
 
.foot {
   margin: 0 auto;
   font-style: italic;
   background-color: #6b696f;
   color: white;
   text-align: center;
   display: block;
   font-size: 14px;
   overflow: hidden;
}

.emergencyNotice {
   margin: 0 auto;
   font-style: italic;
   background-color: #6b696f;
   color: white;
   text-align: center;
   display: block;
   overflow: hidden;
}

.horizontalRule {
   background-color: #c2c6d7;
   width: 100%;
   height: 6px;
}

.styledRule {
   border: 0;
   height: 3px;
   width: 100%;
   background-color: #000000;
}

.alwaysDisplay {
}
.hideWhenSmallView {
    text-align: justify;
}
.hideContainerWhenSmallView {
   display: flex;
   flex-wrap: wrap;
}
.hideOnMediumView {
}
.showOnMediumView {
}
.splashImg {
   max-width: 100%;
   display: block;
   margin: 0 auto;
}

.toggleHead {
}

.toggleInfo {
   text-align: center;
}

p {
   padding-right: 15px;
   padding-left: 15px;
   line-height: 1.5em;
}

.justifyP {
   text-align: justify;
}

li {
   padding-right: 15px;
   padding-left: 15px;
   line-height: 1.5em;
   text-align: left;
}

h1 {
   font-family: 'Satisfy', cursive;
   font-size: 26px;
   text-align: center;
   margin-bottom: 0.5em;
}

h2 {
   font-family: 'Satisfy', cursive;
   font-size: 22px;
   margin: 0;
   text-align: center;
}

h3 {
   font-family: Georgia, Garamond, sans-serif;
   font-size: 22px;
   margin: 0;
   text-align: center;
}

h4 {
   font-family: 'Satisfy', cursive;
   font-size: 20px;
   margin: 0;
   text-align: center;
   padding: 0.5em 0em 0em 0em;
}

h5 {
   font-family: 'Satisfy', cursive;
   font-size: 18px;
   margin: 0;
   text-align: center;
   padding: 0px 5px 0px 5px;
}

.credentials {
   font-family: 'Satisfy', cursive;
   font-size: 16px;
   margin: 0;
   text-align: center;
   padding: 0px 5px 0px 5px;
}

.popup_content {
display: none;
position: absolute;
top: 10%;
left: 25%;
width: 50%;
height: auto;
padding: 16px 16px 0px 16px;
border: 1px solid #000000;
color: #000000;
font-size: 85%;
background-color: #c2c6d7;
border-radius:10px;
z-index:1002;
-moz-opacity: 0.9;
opacity:.90;
filter: alpha(opacity=90);
overflow: auto;
}

.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}

.smallLink {
font-size: 75%;
text-align: right;
font-style: italic;
}

a {
   text-decoration:underline;
   color: #000000;
}
a:hover {
   text-decoration:underline;
   color: #000000;
}

.navItem a {
   text-decoration:none;
}

.foot a:link {
   text-decoration:underline;
   color: #ffffff;
}
.foot a:visited {
   text-decoration:underline;
   color: #ffffff;
}
.sitemapItem a:link {
   text-decoration:none;
   color: #ffffff;
}
.sitemapItem a:visited {
   text-decoration:none;
   color: #ffffff;
}
.sitemapItem a:hover {
   text-decoration:underline;
   color:#ffffff;
}
.sitemapTitle a:link {
   text-decoration:none;
   color: #ffffff;
}
.sitemapTitle a:visited {
   text-decoration:none;
   color: #ffffff;
}
.sitemapTitle a:hover {
   text-decoration:underline;
   color:#ffffff;
}
.popup_content a:link {
   text-decoration:underline;
   color: #000000;
}
.popup_content a:visited {
   text-decoration:underline;
   color: #000000;
}
.popup_content a:hover {
   text-decoration:underline;
   color:#000000;
}
.emergencyNotice a:link {
   text-decoration:underline;
   color: #ffffff;
}
.emergencyNotice a:visited {
   text-decoration:underline;
   color: #ffffff;
}



@media screen and (min-width: 500px) {
   .logo { width: 200px; height: 63px; }
   .sitemapTitle { font-size: 18px; }
   .sitemapItem { font-size: 14px; }
   h1 { font-size: 32px; }
   h2 { font-size: 26px; }
   h3 { font-size: 26px; }
   h4 { font-size: 22px; }
   h5 { font-size: 18px; padding-bottom: 1em; }
   .credentials { font-size: 16px; }
   .majorHeading { font-size: 50px; }
   .sitemapSmallView { display: none; }
   .hideOnMediumView { display: none; }
   .showOnMediumView { display: block; }
   .resourceList { width: 50%; }
}
@media screen and (min-width: 700px) {
   .logo { width: 225px; height: 71px; }
   .navbar { width: 55%; background-color: white; line-height: 78px; height: 78px; padding: 1em;}
   .sitemapTitle { font-size: 18px; }
   .sitemapItem { font-size: 14px; }
   h1 { font-size: 40px; }
   h2 { font-size: 32px; }
   h3 { font-size: 32px; }
   h4 { font-size: 28px; }
   h5 { font-size: 20px; }
   .credentials { font-size: 18px; }
   .majorHeading { font-size: 65px; }
   .hideOnMediumView { display: flex; }
   .showOnMediumView { display: none; }
   .resourceList { width: 33%; }
}
@media screen and (min-width: 900px) {
   .logoBox { width: 45%; }
   .logo { width: 250px; height: 78px; }
   .foot { font-size: 16px; }
   .sitemapTitle { font-size: 22px; }
   .sitemapItem { font-size: 18px; }
   h1 { font-size: 50px; }
   h2 { font-size: 40px; }
   h3 { font-size: 40px; }
   h4 { font-size: 35px; }
   h5 { font-size: 24px; }
   .credentials { font-size: 20px; }
   .majorHeading { font-size: 80px; }
   .therapist { padding: 0.1em;}
   .toggleInfo { display: block; }
   .homepageBio { text-align: justify; }
}
@media screen and (min-width: 1300px) {
    .therapist { max-width: 28%; }
}
@media screen and (min-width: 1920px) {
    body { max-width: 1920px; }
}
@media screen and (max-width: 899px) {
   .alwaysDisplay { display: block; }
   .hideWhenSmallView, .hideContainerWhenSmallView { display: none; }
}
@media screen and (max-width: 699px) {
   .therapist { width: 50%; }
}
@media screen and (max-width: 499px) {
   .staffBioPic { width: 100%; text-align: center; margin-bottom: 0; }
   .staffBioText { width: 100%; text-align: center; }
   .overlayContainer { width: 50%; }
   .specialSmallSize {  width: 50%; }
   .toggleHead { text-decoration:underline; }
   .sitemap, .toggleInfo { display: none; }
   .sitemapSmallView { display: block; }
   .therapist { width: 100%; display: flex; }
   .therapistText { width: 50%; }
   .resourceList { width: 100%; }
   .infoThreeCol { width: 100%; }
   .hideOnMediumView { display: none; }
   .popup_content { position: absolute; top: 10%; left: 5%; width: 80%; height: auto; }
}
@media screen and (max-width: 385px) {
   .overlay { top: 33%; }
   }
}