@media only screen and (min-width: 768px) {
    .block.hero-cta.top h1 {
        line-height: 1.05em
    }

    .block.hero-cta.top p {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.25em
    }

    .block.hero-cta.top .btn {
        font-size: 18px
    }
}

.block.hero-cta.side-by-side-text-hero > [class*=-back].row > .container > .row {
    padding: 40px 0 45px !important
}

@media only screen and (min-width: 992px) {
    .block.hero-cta.side-by-side-text-hero > [class*=-back].row > .container > .row {
        padding: 45px 0 !important
    }
}

.block.hero-cta.side-by-side-text-hero.white-back {
    margin-bottom: 15px
}

.block.hero-cta.side-by-side-text-hero.berry-back:not(.no-bottom-margin):not(.rounded-block-below) {
    margin-bottom: 60px
}

.block.hero-cta.side-by-side-text-hero .headline > *:first-child, .block.hero-cta.side-by-side-text-hero .description > *:first-child {
    margin-top: 0
}

.block.hero-cta.side-by-side-text-hero .headline > *:last-child, .block.hero-cta.side-by-side-text-hero .description > *:last-child {
    margin-bottom: 0
}

.block.hero-cta.side-by-side-text-hero .headline {
    margin-bottom: 10px
}

.block.hero-cta.side-by-side-text-hero .description .btn-wrapper:not(:first-child) {
    margin-top: 15px
}

.block.hero-cta.side-by-side-text-hero .divider {
    width: 30px;
    border-width: 0;
    border-style: solid
}

@media only screen and (max-width: 991px) {
    .block.hero-cta.side-by-side-text-hero .divider {
        border-top-width: 3px;
        margin: 0 0 15px
    }
}

@media only screen and (min-width: 992px) {
    .block.hero-cta.side-by-side-text-hero .divider {
        border-right-width: 3px;
        margin: 0 30px
    }
}

.block.hero-cta.side-by-side-text-hero > .row.white-back .divider {
    border-color: #84b541
}

.block.hero-cta.side-by-side-text-hero > .row.berry-back .divider {
    border-color: #fff
}

@media only screen and (min-width: 992px) {
    .block.hero-cta.side-by-side-text-hero .container > .row > .col-sm-12 {
        display: flex
    }

    .block.hero-cta.side-by-side-text-hero .headline, .block.hero-cta.side-by-side-text-hero .description {
        padding-top: 10px;
        padding-bottom: 10px;
        align-self: center
    }

    .block.hero-cta.side-by-side-text-hero .divider {
        align-self: stretch;
        width: auto
    }

    .block.hero-cta.side-by-side-text-hero .headline {
        margin-bottom: 0;
        max-width: 66.66666666%;
        flex: 0 2 auto
    }

    .block.hero-cta.side-by-side-text-hero .description {
        max-width: 66.66666666%;
        width: 100%
    }
}