body {font-family: 'Hind', sans-serif; color: #555555;}
h1 {margin-bottom: 0; color: #40acf4;}
h2 {color: #ffffff; text-align: center;font-family: 'Hind', sans-serif; font-weight: normal;}
h2:hover { color: #40acf4;}
p {font-family: 'Hind', sans-serif;}
a {color: #40acf4; text-decoration: none; }

* {
    box-sizing: border-box;
}
.container {
    width: 100%;
}
.content {padding: 30px;}
.resp_img {
    width: 100%;
}
.cntr0 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 27px;
    width: 80%;
    color: #009ae1;

}
.rqst_btn {
    margin-right: 10px;
}
.grid-container {
    display: grid;
}
.grid-container--fit {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}


.col-sm-4 {
    float: left;
    width: 30.33%;
    margin: 10px;
    height: 300px;
    background-color: #585858;
    border: 5px solid #6dc3fc;

}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 30.33%;
    margin: 10px;
    padding: 20px;
    padding-left: 20px;
    height: 300px;
    background-color: #585858;
    border: 5px solid #6dc3fc;

     /* Should be removed. Only for demonstration */
}
.column4 {
    float: left;
    width: 50%;
    line-height: 18px;

}
.rqst_section {
    margin-top: 50px;
}
.row {
    padding: 15px;

}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.header {
    width: 100%;
    height: 170px;
}
.logo {
    float: left;
    width: 30%;
}
.mainImg {
    width: 100%;
}
.contactInfo {
    float: right;
     
}
.phone {font-size: 40px; padding-left: 10px;}
.addy {font-size: 18px; float: right;}
.sm {float: right; }
.sm1 {padding-left:10px; width: 70px; padding-right: 10px;}
.box3 {color: #bddaa0; text-align: center;}
.boxrow {
    background-color: #727475;
}
.icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}
.bldg {
    position: relative;
    text-align: center;
    color: white;
}
.cntr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Dancing Script', cursive;
    font-size: 30px;
    width: 80%;

}
.greyLine {
background-color: #b2b3b3; margin-bottom: -9px; height: 1px; margin-top: 90px;
}

/*columns welcome section/*

/* Create two equal columns that floats next to each other */
.column1 {
    float: left;
    width: 50%;
    height: 140px; /* Should be removed. Only for demonstration */
    padding-right: 15px;
}
.innerMaster {
    padding: 50px; 
}
.footer {
    background-color: #565656;
    height: 100px;
}
.contact_footer {
float: left;
color: #fff;
padding-top: 30px;
font-size: 22px;
padding-left: 30px;s
 
}
.logo_footer {
float: right;
}
.img_footer {
    width: 150px;
    padding-top: 16px;
    padding-right: 20px;

}
.txt_trt_head {
     color: #40acf4; font-size: 30px;


}
/* these are required in the new paradigm for treatments */
.txt_footer {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none}
.txt_footer:Hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline}
.table_treatments {  background-color: #FFFFFF; border: #D4D4D4 solid; border-width: 0px 1px}
.txt_trt_menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #888888; margin-left: 30px; font-weight: bold }
.txt_trt {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 15px}
.txt_trt_block {  font-family: Arial, Helvetica, sans-serif; font-size: 30px; background-color: #E0EBD4; color: #689C4B}
.learnMore_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 15px ; font-style: italic; font-weight: bold}
.txt_main {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #585858}
.txt_main_right { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #585858 ; padding-left: 6px}
.flash { border: #D4D4D4 solid; border-width: 3px 2px 3px 2px }
/*---------------------GOOGLE MAP STYLES--------------*/

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media screen and (max-width: 1024px) {

 
.col-sm-4{
        width: 29.95%;
    }
    .content {
    padding-bottom: 100px;
   }
   .column1 {
            padding-left: 20px;

   }

}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 760px) {
    
.col-sm-4 {
        width: 100%;
    }
    .rqst_section {
}



}

@media screen and (max-width: 480px) {
    .logo {
        width: 100%;
    }
    .content {
    display: none;
   }
   .rqst_section {
    display: none;
   }
   .cntr {
    display: none;
   }
   .column {
        width: 94%;

    }
    .topnav {
        margin-top: 10px;
        float: left;
    }
    .footer {
        height: 190px;
    }
    .img_footer {
        width: 95px;
    }
    .greyLine {
background-color: #b2b3b3; margin-bottom: -9px; height: 1px; margin-top: 250px;
    }

  
}