#map {
  border: solid 1px #CCC;
  width: 100%;
  height: 60vh;
}

.photo {
  text-align: right;
}

.photo img {
  max-width: 80%;
  max-height: 60vh;
  border: solid 1px #999;
  box-shadow: 5px 5px 5px #CCC;
}

.contacts_data .contact_data {
  margin: 10px 0;
  font-size: 18px;
  font-family: 'Roboto Condensed';
}

.contacts_data .contact_data .cd_name, .contacts_data .contact_data .cd_value {
  display: inline-block;
}

.contacts_data .contact_data .cd_name {
  width: 40%;
  text-align: right;
  padding-right: 5%;
  font-style: italic;
  vertical-align: middle;
  color: #999;
}

.contacts_data .contact_data .cd_value {
  width: 54%;
  text-align: left;
  vertical-align: middle;
}

.contacts_data .contact_data .widgets a {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .contacts_data .contact_data {
    margin: 10px 0;
    font-size: 16px;
    font-family: 'Roboto Condensed';
  }
  .contacts_data .widgets img {
    max-width: 48px;
  }
  .photo {
    text-align: center;
  }
  .photo img {
    max-height: 50vh;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}