.bti-hero-copy {
    width: calc(100% - 64px);
    max-width: 1550px;
    margin: 0 auto;
    padding: 24px 60px 30px;
    box-sizing: border-box;
    text-align: center;
    background: linear-gradient(
        to right,
        rgba(9, 74, 69, 0) 0%,
        rgba(9, 74, 69, 0.58) 12%,
        rgba(9, 74, 69, 0.58) 88%,
        rgba(9, 74, 69, 0) 100%
    );
}

.bti-hero-copy h1 {
    margin: 0;
    padding: 0 0 20px;
    color: #ffffff;
    font-size: 50px;
    line-height: 1.15;
}

.bti-hero-copy h2 {
    margin: 0;
    padding: 0 0 30px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.3;
}

.bti-hero-copy p {
    max-width: 750px;
    margin: 0 auto;
    color: #ffffff;
    line-height: 1.55;
    font-weight: 400;
}

.bti-hero-copy a,
.bti-hero-copy a:link,
.bti-hero-copy a:visited {
    color: #FFE08A !important;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.bti-hero-copy a:hover,
.bti-hero-copy a:focus {
    color: #ffffff !important;
}

@media screen and (max-width: 767px) {
    .bti-hero-copy {
        width: calc(100% - 48px);
        padding: 26px 20px 30px;
        background: rgba(9, 74, 69, 0.62);
        border-radius: 14px;
    }

    .bti-hero-copy h1 {
        padding-bottom: 22px;
        font-size: 36px;
    }

    .bti-hero-copy h2 {
        padding-bottom: 30px;
        font-size: 22px;
    }

    .bti-hero-copy p {
        font-size: 18px;
    }
}