/*=========+
| HEADINGS |
+=========*/
.heading-hero-bg-line1 { /* ALWAYS WHITE */
    font-family: 'Roboto Slab', serif;
    font-size: 15pt;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: block;
}
    @media only screen and (min-width: 576px) {
        .heading-hero-bg-line1 {
            font-size: 18pt;
            letter-spacing: 6px;
        }
    }
    @media only screen and (min-width: 768px) {
        .heading-hero-bg-line1 {
            font-size: 20pt;
            letter-spacing: 6px;
        }
    }

.heading-hero-bg-line2 { /* ALWAYS WHITE */
    font-family: 'Roboto Slab', serif;
    font-size: 30pt;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
}
    @media only screen and (min-width: 576px) {
        .heading-hero-bg-line2 {
            font-size: 60pt;
        }
    }
    @media only screen and (min-width: 768px) {
        .heading-hero-bg-line2 {
            font-size: 80pt;
        }
    }

.heading-hero-bg { /* ALWAYS WHITE */
    font-family: 'Roboto Slab', serif;
    font-size: 26pt;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
}
    @media only screen and (min-width: 768px) {
        .heading-hero-bg {
            font-size: 36pt;
        }
    }
    @media only screen and (min-width: 992px) {
        .heading-hero-bg {
            font-size: 42pt;
        }
    }

.heading-hero-none {
    font-family: 'Roboto Slab', serif;
    font-size: 26pt;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
    @media only screen and (min-width: 768px) {
        .heading-hero-none {
            font-size: 36pt;
        }
    }
    @media only screen and (min-width: 992px) {
        .heading-hero-none {
            font-size: 42pt;
        }
    }

.heading-section-text-box-image-bg, .heading-section-no-bg {
    font-family: 'Roboto Slab', serif;
    font-size: 20pt;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
    @media only screen and (min-width: 768px) {
        .heading-section-text-box-image-bg, .heading-section-no-bg {
            font-size: 30pt;
        }
    }

.heading-section-image-bg  { /* ALWAYS WHITE */
    font-family: 'Roboto Slab', serif;
    font-size: 20pt;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
}
    @media only screen and (min-width: 768px) {
            .heading-section-image-bg  {
            font-size: 30pt;
        }
    }

.heading-section-color-bg  {
    font-family: 'Roboto Slab', serif;
    font-size: 20pt;
    font-weight: bold;
    text-transform: uppercase;
}
    @media only screen and (min-width: 768px) {
            .heading-section-color-bg  {
            font-size: 30pt;
        }
    }

.heading-body {
    font-family: 'Roboto Slab', serif;
    font-size: 12pt;
    font-weight: bold;
}

.heading-card {
    font-family: 'Roboto Slab', serif;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 5px;
}
    @media only screen and (min-width: 768px) {
        .heading-card {
            letter-spacing: 2px;
        }
    }

.heading-hero-bg-line2:after, 
.heading-hero-bg:after, 
.heading-hero-none:after,
.heading-section-color-bg:after, 
.heading-section-image-bg:after, 
.heading-section-text-box-image-bg:after, 
.heading-section-no-bg:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 120px;
    height: 3px;
    margin: 15px auto;
}