section.text-divider {
    margin: var(--margin-s) 0;
}

section.text-divider .text-divider-heading {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 27px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    padding: 0 32px 0 32px;
    text-align: left;
    color: var(--scarlet);
}

section.text-divider .text-divider-text {
    font-family: 'Red Hat Text', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    padding: 24px 32px 0 32px;
    text-align: left;
    color: var(--charcoal-grey);
}

@media screen and (min-width: 768px) {

    section.text-divider {
        margin: var(--margin-m) 0;
    }

    section.text-divider .text-divider-heading {
        font-size: 46px;
        padding: 0 64px 0 64px;
        text-align: center;
    }

    section.text-divider .text-divider-text {
        padding: 28px 64px 0 64px;
        text-align: center;
    }

}

@media screen and (min-width: 1024px) {

    section.text-divider {
        margin: var(--margin-l) 0;
    }

    section.text-divider .text-divider-heading {
        margin: 0 auto;
        max-width: 840px;
        padding: 0;
    }

    section.text-divider .text-divider-text {
        margin: 0 auto;
        max-width: 840px;
        padding: 32px 0 0 0;
    }

}