#hero-wrapper.no-margin {
  margin-bottom: 0px;
  padding-bottom: 50px;
}

#map-shape {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  width: 250px;
  height: 250px;
  border: solid 10px #fff;
}

@media (min-width: 576px) {
  #map-shape {
    width: 400px;
    height: 400px;
  }
}

#mapframe {
  width: 400px;
  height: 400px;

  transform: translateY(-20%) translateX(-20%);
  -webkit-transform: translateY(-20%) translateX(-20%);
  -moz-transform: translateY(-20%) translateX(-20%);
}

@media (min-width: 576px) {
  #mapframe {
    width: 600px;
    height: 600px;
  }
}

#contact-details-title {
  max-width: 450px;
}

.contact-details {
  font-size: 2.4em;
  font-weight: 300;
  /*max-width: 510px;*/
}

#contact-details {
  margin-top: 30px;
}

#contact-details a{
  color:#fff;
}

#contact-details a:hover{
  color:#fcd800;
}

#contact-details p {
  margin-bottom: 0px;
}

.single-contact-detail {
  margin-right: 30px;
  margin-bottom: 20px;
}

#hero-info {
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  #hero-info {
    margin-bottom: 10px;
  }
}