/* 
* Cabecera
* -----------------------------------------------------
*/

#cabecera {
  background: url(../images/cabecera.jpg) 50% 50% / cover;
  min-height: 900px;
  height: 100vh;
  position: relative;
}

#cabecera .logo {
  left: 10%;
  position: absolute;
  top: 10%;
}

#cabecera .title {
  left: 10%;
  position: absolute;
  bottom: 20%;
}

#cabecera .title h3 {
  color: var(--white-color);
}

#cabecera .title h4 {
  color: var(--white-color);
}

@media (width <= 992px) {
  #cabecera {
    min-height: 600px;
    height: 60vh;
  }
  #cabecera .logo {
    left: 5%;
    position: absolute;
    top: 5%;
  }

  #cabecera .title {
    left: 5%;
    position: absolute;
    bottom: 10%;
  }
}

/* Topo Boomer */

.topo {
  position: absolute;
  top: 5%;
  right: 34%;
  z-index: 10;
}

.topo img {
  max-width: 250px;
  height: auto;
}

@media (max-width: 1750px) {
  .topo {
    right: 35%;
  }
}

@media (max-width: 1520px) {
  .topo {
    right: 40%;
  }

  .topo img {
    max-width: 190px;
    height: auto;
  }
}

@media (max-width: 1020px) {
  .topo {
    top: 1%;
    right: 5%;
  }
}

/* 
* Section
* -----------------------------------------------------
*/

.paragraph {
  margin: 0 auto;
  width: 480px;
}

@media (width <= 992px) {
  .paragraph {
    width: 100%;
  }
}

.picture img {
  width: 100%;
}

/* 
* Map
* -----------------------------------------------------
*/

#map {
  background: url(../images/map.jpg) 50% 50% / cover;
  height: 1000px;
}

.map-address h2 {
  font-size: 26px;
}
@media (max-width: 992px) {
  .map-address h2 {
    font-size: 20px;
  }
}

@media (width <= 992px) {
  #map {
    height: 500px;
  }
}