/* Semantic headings that keep the visual size of the tag they replaced.
   Section titles moved from <span>/<h4>/<h5> to <h2>/<h3> for document outline;
   these classes keep the original theme sizing (see styles.css h4/h5 rules). */

h2.as-h4 {
    font-size: 42px;
    line-height: 50.4px;
}

h2.as-h5,
h3.as-h5 {
    font-size: 28px;
    line-height: 33.6px;
}

@media only screen and (max-width: 1024px) {
    h2.as-h4 {
        font-size: 32px;
        line-height: 30.4px;
    }
}

@media only screen and (max-width: 767px) {
    h2.as-h4 {
        font-size: 22px;
        line-height: 26.4px;
    }

    h2.as-h5,
    h3.as-h5 {
        font-size: 24px;
        margin-bottom: 8px;
    }
}