/* Contact Page */

#cliniccontact {
  width: 50%;
  margin: auto;
  display: inline-block;
}

#clinicbox {
  position: relative;
  width: 100%;
  height: 178px;
  background-color: #E3DED1;
  margin: 0;
  padding: 0;
}

#clinicdetails {
  position: absolute;
  font-family: "Open-Sans";
  font-size: 15pt;
  margin-left: 20px;
  margin-top: 16px;
  display: inline-block;
}

#clinicdetails b {
  font-weight: 700;
}

#clinicline {
  position: absolute;
  width: 45%;
  height: 1px;
  top: 89px;
  right: 20px;
  background-color: #999999;
}

#mapbutton {
  position: absolute;
  width: 47.1%;
  height: 32%;
  margin-top: 89px;
  padding-top: 32px;
  padding-left: 20px;
  font-family: "Proxima-Nova", sans-serif;
  font-size: 14pt;
  color: #5B4E4E;
  display: inline-block;
}

#arrow {
  position: absolute;
  top: 29px;
  left: 125px;
}

#arrow i.fa {
  font-size: 19pt;
  color: #5B4E4E;
}

#mapbutton a {
  text-decoration: none;;
}

#mapbutton:hover,
#mapbutton a:hover,
#mapbutton:hover #arrow i.fa {
  background-color: #C6BCA1;
  color: black;
}

#contact {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

#contact th, #contact td {
  border-bottom: 30px solid #fff;
  height: 40px;
  font-size: 16pt;
  line-height: 40px;
  position: relative;
}

#contact th {
  width: 40%;
  font-family: "Proxima-Nova", sans-serif;
  text-align: center;
  background-color: #C6BCA1;
  font-weight: 700;
}

#contact td {
  width: 60%;
  font-family: "Open-Sans", sans-serif;
  font-weight: 600;
  background-color: #E3DED1;
}

@media only screen and (max-width: 700px) {
  #cliniccontact {
    display: none;
  }

  #clinicline {
    width: 100%;
    left: 0;
  }

  #mapbutton {
    width: calc(100% - 20px);
    left: 0;
  }

  #contact th {
    font-size: 10pt;
  }
}