@include breakpoint('<=small') {
    html {
        font-size: 12pt;
    }

    h1 {
        font-size: 2.25rem;
        line-height: 1.2;

        &.major {
            margin: 0 0 (_size(element-margin) * 1.75) 0;

            &:after {
                bottom: -1.325rem;
            }
        }
    }

    h2 {
        font-size: 1.5rem;
        line-height: 1.2;

        &.major {
            margin: 0 0 (_size(element-margin) * 1.325) 0;

            &:after {
                bottom: -1.2rem;
            }
        }
    }

    h3 {
        font-size: 1rem;

        &.major {
            margin: 0 0 (_size(element-margin) * 1.25) 0;

            &:after {
                bottom: -0.75rem;
            }
        }
    }

    h4 {
        font-size: 1rem;
    }

    h5 {
        font-size: 0.9rem;
    }

    h6 {
        font-size: 0.7rem;
    }

    h1, h2, h3, h4, h5, h6 {
        br {
            display: none;
        }
    }
}

@include breakpoint('<=xxsmall') {
    html {
        font-size: 11pt;
    }
}