/* Psychologists Page */

.psychcontainer {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.psychbox {
  position: relative;
  width: 800px;
  height: 88px;
  background-color: #EEECE5;
  box-shadow: 0 10px 6px -6px rgb(199, 199, 199);
  padding-top: 17px;
  margin-left: auto;
  margin-right: auto;
}

.psychbox:hover {
  background-color: #DFDBCD;
}

.psychbox:hover .arrow {
  right: 18px;
}

.psychname {
  display: inline;
  padding: 20px;
  font-family: "Soleil", sans-serif;
  font-weight: 600;
  font-size: 21pt;
  color: #5A5853;
}

.psychtitle {
  font-family: "Soleil", sans-serif;
  font-weight: 400;
  font-size: 13pt;
  opacity: 0.7;
  color: #5A5853;
  padding-left: 20px;
}

a {
  text-decoration: none;
}

.arrow {
  position: absolute;
  right: 27px;
  top: 34px;
  transition: all 0.2s ease;
}

.arrow i {
  font-size: 28pt;
  color: #5A5853;
}

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

  .psychcontainer {
    width: 86vw;
  }

  .psychbox {
    width: 86vw;
  }

}


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

  .psychbox {
    padding-top: 25px;
  }

  .psychname {
    font-size: 16pt;
  }

  .arrow {
    top: 37px;
  }

}

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

  .psychbox {
    height: 68px;
    padding-top: 17px;
    margin-bottom: -25px;
  }

  .psychname {
    font-size: 13pt;
  }

  .psychtitle {
    font-size: 11pt;
  }

  .arrow {
    top: 30px;
  }

  .arrow i {
    font-size: 18pt;
  }

}