.hero {
  background-color: #F2C524;
  position: relative;
  overflow: hidden;
}
.hero:before {
  content: "";
  background-image: url("../../images/iconos/isotipo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
}
.hero picture {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.hero picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .hero {
    height: 500px;
    margin-bottom: 80px;
  }
  .hero:before {
    width: 537px;
    height: 800px;
    top: -182px;
  }
  .hero img {
    width: 1307px;
  }
}
@media (min-width: 768px) {
  .hero:before {
    left: calc(50% - 15px);
  }
}
@media (max-width: 1023px) {
  .hero {
    height: 375px;
    margin-bottom: 40px;
  }
  .hero:before {
    width: 403px;
    height: 600px;
    top: -137px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero img {
    width: 980px;
  }
}
@media (max-width: 767px) {
  .hero:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .hero img {
    width: 361px;
  }
}/*# sourceMappingURL=nosotros.css.map */