h1, h2, h3 {
    font-family: 'Oswald', 'Arial Narrow Bold', Impact, 'Haettenschweiler', sans-serif;
    text-transform: uppercase;
}
h1, h2 {
    text-align: center;
}

h1 {
    font-size: 48pt;
}

h2 {
    font-size: 33pt;
}
#main-article-content > h2 {
    /* padding: 0.575em calc((100vw - var(--main-width)) / 2);
    width: 100vw;
    max-width: 100vw;
    background-color: var(--brand-color);
    margin: 2rem 0;
    box-sizing: border-box;
    position: relative;
    left: calc(-50vw + 50%); */
    position: relative;
    left: 0;
    margin: 2rem 0;
    box-sizing: border-box;
    background-color: var(--brand-color);
    width: calc(100% + 2 * var(--gutter-width));
    padding: 0.575em var(--gutter-width);
    left: calc(-1 * var(--gutter-width));
}
#main-article-content > h2 + h2, #main-article-content > h2 + h3, #main-article-content > h3 + h2, #main-article-content > h3 + h3 {
    margin-top: 0 !important;
}
#main-article-content > h2:has(+ h2), #main-article-content > h2:has(+ h3), #main-article-content > h3:has(+ h2), #main-article-content > h3:has(+ h3) {
    margin-bottom: 0 !important;
}

h3 {
    font-size: 26pt;
    position: relative;
}
#main-article-content > h3 {
    /* padding: 0.875em calc((100vw - var(--main-width)) / 2);
    width: 100vw;
    max-width: 100vw;
    background-color: rgb(246, 246, 246);
    margin: 2rem 0;
    box-sizing: border-box;
    position: relative;
    left: calc(-50vw + 50%); */
    position: relative;
    left: 0;
    margin: 2rem 0;
    box-sizing: border-box;
    background-color: rgb(246, 246, 246);
    width: calc(100% + 2 * var(--gutter-width));
    padding: 0.875em var(--gutter-width);
    left: calc(-1 * var(--gutter-width));
}

h4 {
    font-size: 17pt;
}

h5 {
    font-size: 14pt;
    font-weight: 700;
}

h6 {
    font-size: 13pt;
    font-style: italic;
}