.hero23 {
  width: 100%;
  height: 500px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero23.first {
  margin-top: calc(-200px + 83px);
}
@media screen and (max-width: 1000px) {
  .hero23 {
    height: 380px;
  }
}
@media screen and (max-width: 600px) {
  .hero23.first {
    margin-top: calc(-200px + 80px);
  }
  .hero23 {
    padding-top: 100%;
    height: 0;
  }
}
@media screen and (max-width: 500px) {
  #home main {
    padding-top: 11em !important;
  }
}
@media screen and (max-width: 489px) {
  .hero23.first {
    margin-top: calc(-200px + 280px);
  }
}