.section-banner { position: relative; overflow: hidden; background-size: cover; background-position: center; background-attachment: fixed; }
.section-banner__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 47, 74, .92) 0%, rgba(13, 66, 105, .82) 45%, rgba(13, 66, 105, .45) 100%); }
.section-banner__inner { position: relative; z-index: 2; }
.section-banner__content { max-width: 820px; }
.section-banner__title { margin-bottom: 1.25rem; color: #fff; text-transform: uppercase; font-weight: 700; line-height: 1.15; }
.section-banner__copy { margin-bottom: 2rem; color: rgba(255, 255, 255, .92); text-wrap: pretty; }
.section-banner__copy > :last-child { margin-bottom: 0; }
.section-banner__cta { background-color: var(--sand); border: 1px solid transparent; border-color: #fff; color: var(--navy); text-transform: uppercase; font-weight: 700; padding: .85em 1em; line-height: 1; text-align: center; cursor: pointer; font-size: var(--p); transition: background-color .25s ease-out, color .25s ease-out, border-color .25s ease-out; }
.section-banner__cta:hover, .section-banner__cta:focus { background-color: var(--green); border-color: var(--green); color: #fff; }

@media screen and (max-width: 991px) {
  .section-banner__inner{
    padding:3rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .section-banner__inner{
    padding:3rem 1.5rem;
  }
}
.section-banner__copy a{color: var(--green);}
.section-banner__copy a:hover{color: var(--sand);}