/*** Tablet Width and Below ***/
@media all and (max-width: 1059px) {
  main .paragraph--type--banner .banner-bg { 
    min-height: 200px; 
    height: 100%;
  }

  body.path-frontpage .viewport main #block-openy-carnation-content > article h1.text-uppercase {
    margin-top: -0.5em !important;
    font-size: 3.2em;
  }
}

/*** Small Tablet and Below ***/
@media all and (max-width: 768px) {
  main .wrapper-field-header-content > .paragraph--type--banner { background-color: transparent !important; }

  main .paragraph--type--banner .banner-bg { min-height: 240px; }

  main .banner-cta-section .banner-description p { font-size: 1.45rem; }
}

/*** Large Phone ***/
@media all and (max-width: 600px) {
  .page-node-type-landing-page .paragraph--type--small-banner h1.banner-title {
    font-size: 2.5em !important;
    line-height: 140%;
    padding: 0 !important;
  }

  .page-node-type-landing-page .paragraph--type--small-banner .banner-bg { min-height: 225px; }
}

/*** Phone and Below ***/
@media all and (max-width: 440px) {
  main .paragraph--type--banner .banner-bg { min-height: 265px; }
}