/*
 * Shared alignment for every interior page.
 * The homepage does not render .interior-hero, so these rules never affect it.
 */
.interior-hero ~ section h2 {
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

.interior-hero ~ section .eyebrow {
    display: flex !important;
    width: 100%;
    justify-content: center !important;
    text-align: center !important;
}

.interior-hero ~ section h2 + p,
.interior-hero ~ section h2 + p + p,
.interior-hero ~ section .section-heading p,
.interior-hero ~ section .nav-page-lead p {
    margin-right: auto;
    margin-left: auto;
    text-align: center !important;
}

.interior-hero ~ section .section-heading,
.interior-hero ~ section .nav-page-lead {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

.interior-hero ~ section .sponsor-section-heading {
    flex-wrap: wrap;
    justify-content: center !important;
    text-align: center !important;
}

.interior-hero ~ section .sponsor-section-heading > h2,
.interior-hero ~ section .sponsor-section-heading > span {
    flex: 0 0 100%;
    text-align: center !important;
}
