@media only screen and (min-width: 768px) {
  .content .content-container {
    row-gap: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .content .content-container {
    row-gap: 60px;
  }
}

.main-banner .image-container {
  height: 520px;
}

.main-banner .image-container::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  pointer-events: none; 
}

.main-banner .image-container .full-width-image {
  height: 520px;
  object-position: 35%;
}

.main-banner .title {
  top: auto;
  bottom: 80px;
  
}

.main-banner .title .title-inner .subtitle {
  display: none;
}

@media only screen and (max-width: 767px) {
  .main-banner .image-container {
    height: 40vh;
  }

  .main-banner .title {
    top: 100px;
  }
}

.main-banner.main-banner-bottom .image-container {
  height: 240px;
}

.main-banner.main-banner-bottom .image-container .full-width-image {
  height: 240px;
}

@media only screen and (max-width: 767px) {
  .main-banner.main-banner-bottom .image-container {
    height: 80px;
    min-height: 80px;
  }

  .main-banner.main-banner-bottom .image-container .full-width-image {
    height: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .promo .promo-title {
     font-size: 24px;
     font-weight: 500;
  }
}

@media only screen and (max-width: 767px) {
  .promo .promo-title {
     font-size: 22px;
  }
}