.page-home .hero-banner-block {
  margin-top: -90px;
  padding-top: 190px;
}

.mobile-menu-opened .hero-banner-block {
  padding-top: 400px;
}

.hero-banner-block {
  padding: 100px 15px;
  transition: padding 0.3s ease-in-out;
  background-position: left;
  background-size: cover;
}
.hero-banner-block .content {
  max-width: 850px;
}
.hero-banner-block .content h2 {
  font-size: 32px;
  line-height: 40px;
  margin: 0 0 25px;
}
.hero-banner-block .content p {
  max-width: 760px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .page-home .hero-banner-block {
    padding-top: 290px;
  }
  .hero-banner-block {
    padding: 200px 50px;
  }
  .hero-banner-block .content h2 {
    font-size: 48px;
    line-height: 58px;
    margin: 0 0 50px;
  }
  .hero-banner-block .content p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .page-home .hero-banner-block {
    padding-top: 370px;
  }
  .hero-banner-block {
    padding: 280px 50px;
  }
  .hero-banner-block .content h2 {
    font-size: 75px;
    line-height: 87px;
  }
  .hero-banner-block .content p {
    font-size: 24px;
    line-height: 36px;
  }
}