/*
 * Section heading - the <h2> that opens a section. Some thirty section files
 * repeated the same four declarations, so the common value lives here and a
 * section file overrides only what it really differs in: the two sizes the
 * site uses (2.08vw on inner pages, 1.88vw on the home page) and the bottom
 * margin, which is part of each section's own rhythm and is deliberately NOT
 * unified.
 *
 * The class stands alongside the block's own `<block>__title` class, which
 * keeps its name and, loading later, wins on equal specificity.
 */

.section-title {
    font-size: 2.08vw;
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 1.67vw;
}

.section-title--center {
    text-align: center;
}

@media only screen and (max-width: 767.98px) {
    .section-title {
        font-size: 6.4vw;
        margin: 0 0 5.33vw;
    }
}