.atom-header { font-family: var( --font-core-sans ); color: var( --color-shark ); }

.atom-header.regular.level-h1 { font-size: 26px; line-height: 1.24; letter-spacing: 0.57; font-weight: bold; }
.atom-header.regular.level-h2 { font-size: 20px; line-height: 1.24; letter-spacing: 0.57; font-weight: bold; }
.atom-header.regular.level-h3 { font-size: 16px; line-height: 1.24; letter-spacing: 0.45; font-weight: bold; }
.atom-header.regular.level-h4 { font-size: 16px; line-height: 1.24; letter-spacing: 0.45; font-weight: bold; }
.atom-header.regular.level-h5 { font-size: 16px; line-height: 1.24; letter-spacing: 0.30; font-weight: bold; }
.atom-header.regular.level-h6 { font-size: 14px; line-height: 1.24; letter-spacing: 0.30; font-weight: bold; }

.atom-header.regular.thin { font-weight: normal; }
.atom-header.regular.thin strong { font-weight: bold; }

.atom-header.goalsquarter { text-transform: uppercase; }
.atom-header.goalsquarter strong { text-transform: lowercase; }

@media only screen and ( min-width: 48em ) {
    .atom-header.regular.level-h1 { font-size: 30px; line-height: 1.14; }
    .atom-header.regular.level-h2 { font-size: 26px; line-height: 1.14; }
    .atom-header.regular.level-h3 { font-size: 20px; line-height: 1.14; }
    .atom-header.regular.level-h4 { font-size: 18px; line-height: 1.14; }
    .atom-header.regular.level-h5,
    .atom-header.regular.level-h6 { font-size: 16px; line-height: 1.14; }

    .atom-header.regular.small.level-h6 { font-size: 14px; line-height: 1.24; }

}

@media only screen and ( min-width: 62em ) {
    .atom-header.regular.level-h1 { font-size: 38px; line-height: 1.18; }
    .atom-header.regular.level-h2 { font-size: 34px; line-height: 1.18; }
    .atom-header.regular.level-h3 { font-size: 24px; line-height: 1.18; }
    .atom-header.regular.level-h4 { font-size: 20px; line-height: 1.18; }
    .atom-header.regular.level-h5,
    .atom-header.regular.level-h6 { font-size: 18px; line-height: 1.18; }
    
    .atom-header.regular.small.level-h6 { font-size: 16px; line-height: 1.14; }

}


/* HOMEBACK TITLE */
.atom-header.homeback-title { font-style: normal; font-weight: 300; font-size: 15px; line-height: 20px; letter-spacing: -0.3px; color: var( --color-white ); }

@media only screen and ( min-width: 48em ) {
    /* HOMEBACK TITLE */
    .atom-header.homeback-title { font-size: 15px; line-height: 20px; }
}

@media only screen and ( min-width: 62em ) {
    /* HOMEBACK TITLE */
    .atom-header.homeback-title { font-size: 18px; line-height: 22px; }
}

/* HOME SPLASH TITLE MODIFIER */
.atom-header.home-splash-title { color: var( --color-white ); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
.atom-header.home-splash-title.home-splash-title-top { font-weight: 300; letter-spacing: -1.16; font-size: 34px; line-height: 1.1; }
.atom-header.home-splash-title.home-splash-title-middle { font-weight: 700; font-size: 44px; line-height: 1.1; letter-spacing: -1.9px }
.atom-header.home-splash-title.home-splash-title-bottom { font-weight: 400; letter-spacing: -1.16; font-size: 28px; line-height: 1.1; }

@media only screen and ( min-width: 48em ) { 
    /* HOME SPLASH TITLE MODIFIER */
    .atom-header.home-splash-title.home-splash-title-top { font-size: 42px; line-height: 1.1; }
    .atom-header.home-splash-title.home-splash-title-middle { font-size: 56px; line-height: 1.1; }
    .atom-header.home-splash-title.home-splash-title-bottom { font-size: 32px; line-height: 1.1; }
}

@media only screen and ( min-width: 62em ) { 
    /* HOME SPLASH TITLE MODIFIER */
    .atom-header.home-splash-title.home-splash-title-top { font-size: 44px; line-height: 1.1; }
    .atom-header.home-splash-title.home-splash-title-middle { font-size: 72px; line-height: 1.1; }
    .atom-header.home-splash-title.home-splash-title-bottom { font-size: 36px; line-height: 1.1; }
}

@media only screen and ( min-width: 75em ) { 
    /* HOME SPLASH TITLE MODIFIER */
    .atom-header.home-splash-title.home-splash-title-top { font-size: 64px; line-height: 1.1; }
    .atom-header.home-splash-title.home-splash-title-middle { font-size: 96px; line-height: 1.1; }
    .atom-header.home-splash-title.home-splash-title-bottom { font-size: 48px; line-height: 1.1; }
}

/* HERO TITLE MODIFIERS */
.atom-header.hero-title { color: var( --color-white ); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); font-weight: 700; text-transform: uppercase; }
.atom-header.hero-title span { display: block; }
.atom-header.hero-title span.topline { font-size: 32px; line-height: 1.1; }
.atom-header.hero-title span.bottomline { font-size: 46px; line-height: 1.1; }

@media only screen and ( min-width: 48em ) { 
    /* HERO TITLE MODIFIERS */
    .atom-header.hero-title span.topline { font-size: 44px; }
    .atom-header.hero-title span.bottomline { font-size: 62px; }
}

@media only screen and ( min-width: 62em ) { 
    /* HERO TITLE MODIFIERS */
    .atom-header.hero-title span.topline { font-size: 54px; }
    .atom-header.hero-title span.bottomline { font-size: 72px; }
}

@media only screen and ( min-width: 75em ) { 
    /* HERO TITLE MODIFIERS */
    .atom-header.hero-title span.topline { font-size: 54px; }
    .atom-header.hero-title span.bottomline { font-size: 72px; }
}

/* PAGE HEADER TITLE MODIFIERS */
.atom-header.header-title { color: var( --color-red-alt ); font-weight: 800; 
    text-transform: uppercase; text-align: center; font-size: 32px; line-height: 1.1; }
.atom-header.header-title span { display: block; }
@media only screen and ( min-width: 48em ) { 
    /* HERO TITLE MODIFIERS */
    .atom-header.header-title { font-size: 46px; text-align: right; }
}

@media only screen and ( min-width: 62em ) { 
    /* HERO TITLE MODIFIERS */
    .atom-header.header-title { font-size: 62px; }
}

@media only screen and ( min-width: 75em ) { 
    /* HERO TITLE MODIFIERS */
    .atom-header.header-title { font-size: 72px; }
}


header-title