@media (max-width: 576px) {
    .hero-img, .hero-img-1 { min-height: 500px ;}
}

@media (min-width: 768px) {
    .hero-img, .hero-img-1 { min-height: 600px ;}
}

@media (min-width: 992px) {
    .hero-img, .hero-img-1{ min-height: calc(100vh - 200px);}
}

@media (min-width: 1200px) {
    .hero-img, .hero-img-1 { min-height: calc(100vh - 200px);
}


.hero-img, .hero-img-1{
  z-index: -1;
  display: flex;
  flex-direction: column;
  padding-top: 0px;
  padding-bottom: 0px;
}

}