.hero-banner {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  min-height: 500px;
}
.hero-banner .img-hero {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.hero-banner .row-two-columns {
  align-items: center !important;
}

@media only screen and (min-width: 1025px) {
  .hero-banner {
    height: 800px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .hero-banner {
    align-items: end !important;
    text-align: center;
  }
}