h1 {
  font-family: "Mplus 1p";
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 5px;
  text-align: center;
  line-height: 150%;
}

.hero {
  margin: 0 auto 25px;
  width: 100%;
  max-width: 1200px;
}

.hero img {
  width: 100%;
}

.content {
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .content {
    width: 100%;
    max-width: 768px;
  }
}

@media only screen and (min-width: 768px) {
  .content {
    width: 100%;
    max-width: 1200px;
  }
}

@media only screen and (min-width: 768px) {
  #map {
    width: 100%;
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  #map {
    width: 100%;
    height: 300px;
  }
}