body { 
  color:#555;
}
p {color: #555555;}
h1{ color: #555555; display: inline}
h2 {color: #ffffff;}
a {text-decoration: none;}
a:hover {
  color: #bbd99d;
}

.h1_resp {
  font-size: 25px; 
  color: #555;
  margin-top: 20px;
}
.h2_resp{
  font-size: 25px;

}
p.box3 {
  color: #ffffff;
}
.contBodyheader {
  font-size: 18px;
}
.innerMaster {
  padding: 25px;
  margin-top: 50px;
}
.staff_section {
  padding-top: 75px;
}
.staff2 {
  padding:0px 25px 25px 0px;
}
.bio {
  width: 95%;
  margin-top: 30px;
  padding-bottom: 40px;
}
.bio2 {
  padding-bottom: 75px;
}
.mastertop {

}
.container {
  padding: 25px;
}
.container2 {
  width: 100%;
}
.contactUs {
  background-color: #f1f6eb;
}
/* menu */
.menu1 {
  float: right;
    z-index: 99px;
}
.img_resp {
  width: 100%;
  max-width: 1000px;
}
/* header styles */
.header {
  height: 200px;
}
.logo {
  float: left;
  width: 260px;
}
.contactInfo {
  float: right;
 
}
.center1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.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;}

.link {
  
}
/* Dr Page */
.drpage1 {
  padding-bottom: 70px;
}
.docpics {
  display: grid;

}
.docitem {
  padding: 20px;
  font-size: 30px;

}
/* Request Button */
.zzz {
  padding-left: 40px;
}
.txt {
  line-height: 1.3;
  font-size: 27px;
  width: 100px;
  text-align: center;
  text-decoration: none;
}
.break {
  word-break: break-all;
  display: block;
}

.top-center {
    position: absolute;
    top: 80%;
    color: #009ae1;
}
.myButton {
  -moz-box-shadow: 0px 10px 14px -7px #ffffff;
  -webkit-box-shadow: 0px 10px 14px -7px #ffffff;
  box-shadow: 0px 10px 14px -7px #ffffff;
  background-color:#585858;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:20px;
  padding:13px 32px;
  text-decoration:none;
  text-shadow:0px 1px 0px #8c898c;
  margin-left: 30px;
  margin-top: 15px;
}
.myButton:hover {
  background-color:#7c7f7e;
}
.myButton:active {
  position:relative;
  top:1px;
}

/* Main */
.contBody {
  color: #555;
}

.main {
  width: 100%;
  border-top: 5px solid #8da3b5; 
  margin-bottom: -9px;}

/* 3 boxes in the middle */
.icon {
display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    padding-top: 10px}

.w3-card-4 {
  background-color: #585858;
  height: 250px;
  border: 5px solid #8da3b5;
  margin-top: 25px;

}
.w3-container {
  text-align: center;
}

.w3-row-padding {
  background-color: #727475;
  height: 290px;}



/* Create two equal columns that floats next to each other */
.column1, .column2, .container, .container2 {
   background-color: #ffffff;
}

.column1 {
    float: left;
    width: 50%;
    padding-right: 25px;
    text-align: justify;
}
.welcome_sec {
  padding-top: 40px;
}


/* Carousel */
.mySlides {display:none; width: 100%}

/* staff images */
.container12 {
  margin: auto;
  border: #fff solid 5px;
  background: #fff;
}




/* mak images fill their container*/
img {
  max-width: 100%;
}
img:hover {
  opacity: 0.5;
  cursor: pointer;
}

/* CSS Grid*/
.img-grid12 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 15px;

}

/* Media Query for changing grid on bigger screens*/

/* Bigger than Phones(tablet) */
@media only screen and (min-width: 750px) {
  .img-grid12 {
    grid-template-columns: repeat(2, 1fr);
  }
  .drpage1 {
  padding-bottom: 70px;
}
  .docpics {
  display: grid;
  grid-template-columns: auto auto;
}
.bio {
  width: 95%;
  margin-top: 30px;
  padding-bottom: 75px;
}
.bio2 {
  padding-bottom: 100px;
}

}

/* Bigger than Phones(laptop / desktop) */
@media only screen and (min-width: 970px) {
  .img-grid12 {
    grid-template-columns: repeat(4, 1fr);
  }
  .bio2 {
  padding-bottom: 175px;
}
  
}


/* Footer */
.footer {
background-color: #8da3b5;
position: fixed;
border-top: 2px solid #ffffff;
left: 0;
height: 80px;
width: 100%;
bottom: 0;

}
.contact_footer {
float: left;
color: #333;
padding-top: 30px;
font-size: 16px;
padding-left: 30px;
}
.logo_footer {
float: right;
}
.img_footer {
    width: 140px;
    padding-top: 16px;
    padding-right: 20px;

}

/* style for NEW TREATMENTS PAGE */

.newTreatments {
}
.newTreatments #left {
  float: left;
  width: 340px;
}
.clearspace {
  clear: both;
  height: 12px;
}
.newTreatments #right {
  float: left;
  width: 340px;
}

.trt-img {
  float: left;
  height: 67px;
  width: 77px;
}
.newTreatments h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: bold;
  color: #09428a;
  display: inline;
}
.newTreatments h2 a {
  color: #09428a;
  text-decoration: none;
}
.newTreatments h2 a:hover{
  text-decoration: underline;
}
.trt-txt {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 15px;
  margin-top: 6px;
  float: left;
  width: 19em;
}
.txt_trt_head {
    font-size: 25px; 
  color: #555;
  margin-top: 20px;
  font-weight: normal;
}

/* Flex */

.flex-container {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  padding-bottom: 150px;

}

.flex-container > a {
  background-color: #bbd99d;
  width: 30%;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}

.flexdiv {
  text-decoration: none;
  flex-grow: 1;
}
.flexdiv:hover  {
  background-color: #9ea0a1;
}

/* Flex1 */

.flex-container1 {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  padding-bottom: 150px;



}

.flex-container1 > a {
  background-color: #bbd99d;
  width: 30%;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}

.flexdiv1 {
  text-decoration: none;
    flex-grow: 1;

}

.flexdiv1 :hover  {
  background-color: #9ea0a1;
}

/* Cosmetic */

.cos1 {
  width: 100%;
  padding-bottom: 15px;
}

/*appt form */

.apptform {
  margin-right: 20px;
}

/*center*/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
/*---------------------GOOGLE MAP STYLES--------------*/
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; } 

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

/*.google-maps {
        position: relative;
        padding-bottom: 25%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        max-height: 400px;
    }*/