@media only screen and (max-width: 700px) {
  #contact_section .contact_box .contact_icon_bar .contact_icon {
    display: block;
    margin: 30px auto;
  }
}

@media only screen and (min-width: 700px) {
  #contact_section .contact_box .contact_icon_bar .contact_icon {
    display: inline-block;
    margin: 0 50px;
  }
}

#contact_section .contact_box {
  width: 100%;
  height: fit-content;
  margin: 50px 0;
  text-align: center;
}

#contact_section .contact_box .contact_icon_bar {
  width: 100%;
  height: fit-content;
  margin: 30px 0;
}

#contact_section .contact_box .contact_icon_bar .contact_icon div {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

#contact_section .tel_icon {
  background-image: url(../source/images/icons/phone_black.png);
}

#contact_section .tel_icon:hover {
  cursor: pointer;
  background-image: url(../source/images/icons/phone_hover.png);
}

#contact_section .mail_icon {
  background-image: url(../source/images/icons/mail_black.png);
}

#contact_section .mail_icon:hover {
  cursor: pointer;
  background-image: url(../source/images/icons/mail_hover.png);
}

#contact_section .location_icon {
  background-image: url(../source/images/icons/location_black.png);
}

#contact_section .location_icon:hover {
  cursor: pointer;
  background-image: url(../source/images/icons/location_hover.png);
}

#contact_section .contact_box .map_div {
  width: 80%;
  height: 70vh;
  margin: 0 auto;
}