.cta-banner {
    text-align: center
}

.cta-banner__content {
    padding-top: clamp(30px, 5vw, 50px);
    padding-right: clamp(30px, 5vw, 50px);
    padding-bottom: clamp(30px, 5vw, 50px);
    padding-left: clamp(30px, 5vw, 50px);
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: scroll
}

.cta-banner__content h2 {
    margin: 0;
    font-weight: 700
}

.cta-banner__content p {
    margin: 1.2rem 0 0;
    font-weight: 700
}

.cta-banner__bottom {
    margin-top: 2rem
}

.cta-banner__bottom a {
    text-transform: uppercase
}

@media (min-width: 768px) {
    .cta-banner__content {
        text-align: left
    }

    .cta-banner__content p {
        max-width: 20rem
    }
}