.standard-h-tags h1,
.standard-h-tags h2,
.standard-h-tags h3,
.standard-h-tags h4,
.standard-h-tags h5,
.standard-h-tags h6,
h1.standard,
h2.standard,
h3.standard,
h4.standard,
h5.standard,
h6.standard {
    font-family: 'Red Hat Display', sans-serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
    margin: 0 0 var(--margin-s) 0;
}

.standard-h-tags h1,
h1.standard {
    font-size: 30px;
    font-weight: bold;
    color: var(--scarlet);
    margin: 0 0 32px 0;
}

.standard-h-tags h2,
h2.standard {
    font-size: 27px;
    font-weight: 400;
    color: var(--charcoal-grey);
}

.standard-h-tags h3,
h3.standard {
    font-size: 23px;
    font-weight: 400;
    color: var(--greyish-brown);
}

.standard-h-tags h4,
h4.standard {
    font-size: 20px;
    font-weight: bold;
    color: var(--scarlet);
}

.standard-h-tags h5,
h5.standard {
    font-size: 20px;
    font-weight: 400;
    color: var(--charcoal-grey);
}

.standard-h-tags h6,
h6.standard {
    font-size: 18px;
    font-weight: bold;
    color: var(--scarlet);
}

.standard-h-tags h1::before,
.standard-h-tags h2::before,
.standard-h-tags h3::before,
.standard-h-tags h4::before,
.standard-h-tags h5::before,
.standard-h-tags h6::before,
h1.standard::before,
h2.standard::before,
h3.standard::before,
h4.standard::before,
h5.standard::before,
h6.standard::before {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
    margin: 0 0 32px 0;
}

.standard-h-tags ul + h2,
.standard-h-tags ul + h3,
.standard-h-tags ul + h4,
.standard-h-tags ul + h5,
.standard-h-tags ul + h6,
.standard-h-tags p + h2,
.standard-h-tags p + h3,
.standard-h-tags p + h4,
.standard-h-tags p + h5,
.standard-h-tags p + h6,
ul + h2.standard,
ul + h3.standard,
ul + h4.standard,
ul + h5.standard,
ul + h6.standard,
p + h2.standard,
p + h3.standard,
p + h4.standard,
p + h5.standard,
p + h6.standard {
    margin-top: 36px;
}

/* Red is always the same, regardless of where it is used */
.standard.scarlet {
    color: var(--scarlet);
}

/* Assume that we aren't in dark band and force the others to always grey */
.standard.grey {
    color: var(--greyish-brown);
}

.standard.white {
    color: var(--greyish-brown);
}

/* Force grey in dark band to be white */
.dark-band-main-content .standard.grey {
    color: var(--white);
}

/* Force white in dark band to be white */
.dark-band-main-content .standard.white {
    color: var(--white);
}