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

@media screen and (max-width: 700px) {
  #contacto {
    margin-top: 10%;
  }
}

@media screen and (max-width: 600px) {
  .contacto-logo {
    top: 5.5%;
  }

  .contacto-logo img {
    max-width: 31%;
  }

  .contacto-logo::after {
    font-size: 21px;
  }

  .contacto-info {
    margin-top: 15%;
  }

  #map {
    width: 100%;
  }
  #map2 {
    width: 100%;
  }
  .mapa-contacto {
    padding-top: 25%;
  }
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 400px) {
}