/* * HEROs */
/* * SLIDE A */
#Page_Container #Hero .hero__slide--A {
}

#Page_Container #Hero .hero__slide--A .hero__image {
}

#Page_Container #Hero .hero__slide--A .hero__overlay-links {
}

#Page_Container #Hero .hero__slide--A .hero__overlay-link {
}

#Page_Container #Hero .hero__slide--A .hero__overlay {
    max-width: 320px;
}


@media (min-width: 768px) {
    #Page_Container #Hero .hero__slide--A .hero__overlay {
        max-width: 360px;
    }
}

#Page_Container #Hero .hero__slide--A .hero__headline {
    font-size: 50px;
    line-height: 0.9;
}

#Page_Container #Hero .hero__slide--A .hero__headline span:last-of-type {
    font-size: 40px;
}

@media (min-width: 768px) {
    #Page_Container #Hero .hero__slide--A .hero__headline {
        font-size: 60px;
    }

    #Page_Container #Hero .hero__slide--A .hero__headline span:last-of-type {
        font-size: 45px;
    }
}

@media (min-width: 1024px) {
    #Page_Container #Hero .hero__slide--A .hero__headline {
        font-size: 80px;
    }

    #Page_Container #Hero .hero__slide--A .hero__headline span:last-of-type {
        font-size: 60px;
    }
}

#Page_Container #Hero .hero__slide--A .hero__headline-image {
}

#Page_Container #Hero .hero__slide--A .hero__subheadline {
}

#Page_Container #Hero .hero__slide--A .hero__copy {
}

#Page_Container #Hero .hero__slide--A .hero__CTAS {
}

#Page_Container #Hero .hero__slide--A .hero__CTAS .CTA {
}

/* * SLIDE B */
#Page_Container #Hero .hero__slide--B {
}

#Page_Container #Hero .hero__slide--B .hero__image {
}

#Page_Container #Hero .hero__slide--B .hero__overlay-links {
}

#Page_Container #Hero .hero__slide--B .hero__overlay-link {
}

#Page_Container #Hero .hero__slide--B .hero__overlay {
}

#Page_Container #Hero .hero__slide--B .hero__headline {
}

#Page_Container #Hero .hero__slide--B .hero__headline-image {
}

#Page_Container #Hero .hero__slide--B .hero__subheadline {
}

#Page_Container #Hero .hero__slide--B .hero__copy {
}

#Page_Container #Hero .hero__slide--B .hero__CTAS {
}

#Page_Container #Hero .hero__slide--B .hero__CTAS .CTA {
}

/* * SLIDE C */
#Page_Container #Hero .hero__slide--C {
}

#Page_Container #Hero .hero__slide--C .hero__image {
}

#Page_Container #Hero .hero__slide--C .hero__overlay-links {
}

#Page_Container #Hero .hero__slide--C .hero__overlay-link {
}

#Page_Container #Hero .hero__slide--C .hero__overlay {
}

#Page_Container #Hero .hero__slide--C .hero__headline {
}

#Page_Container #Hero .hero__slide--C .hero__headline-image {
}

#Page_Container #Hero .hero__slide--C .hero__subheadline {
}

#Page_Container #Hero .hero__slide--C .hero__copy {
}

#Page_Container #Hero .hero__slide--C .hero__CTAS {
}

#Page_Container #Hero .hero__slide--C .hero__CTAS .CTA {
}

/* * to integrate into brand */
#Page_Container .CTA.CTA--white.CTA--bordered {
    border: 1px solid currentColor;
}

/* * ROWS
* Each row is numbered for style targeting. Use #Page_Container [data-row="X"] format for selecting 
*/
/* * Row 2 */
#Page_Container [data-row="2"] {
}

@media (min-width: 768px) {
    #Page_Container [data-row="2"] > div:nth-of-type(1) {
        padding-top: 5%;
    }

    #Page_Container [data-row="2"] > div:nth-of-type(1) .promo-block__overlay {
        width: 90%;
    }

    #Page_Container [data-row="2"] > div:nth-of-type(1) .promo-block__headline {
        font-size: 35px;
    }
}

/* * Row 3 */
#Page_Container [data-row="3"] {
}

@media (max-width: 767px) {
    #Page_Container [data-row="3"] > div:nth-of-type(2) .promo-block__copy {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (min-width: 768px) {
    #Page_Container .row[data-row="3"] {
        align-items: center;
    }

    #Page_Container [data-row="3"] > div:nth-of-type(2) .promo-block__overlay {
        width: 90%;
    }

    #Page_Container [data-row="3"] > div:nth-of-type(2) .promo-block__headline {
        font-size: 35px;
    }

    #Page_Container .row[data-row="3"] > div:nth-of-type(1) > div:nth-of-type(1) {
        padding-left: 32px;
        max-width: calc(504px + 32px);
        margin-left: auto;
    }
}

/* * Row 4 */
#Page_Container [data-row="4"] {
}

@media (max-width: 767px) {
    #Page_Container [data-row="4"] > div:nth-of-type(1) .promo-block__copy {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (min-width: 768px) {
    #Page_Container .row[data-row="4"] {
        align-items: center;
    }

    #Page_Container [data-row="4"] > div:nth-of-type(1) .promo-block__overlay {
        width: 90%;
    }

    #Page_Container [data-row="4"] > div:nth-of-type(1) .promo-block__headline {
        font-size: 35px;
    }

    #Page_Container .row[data-row="4"] > div:nth-of-type(1) > .promo-block {
        padding-left: 32px;
        max-width: calc(504px + 32px);
        margin-left: auto;
    }
}

/* * Row 5 */
#Page_Container [data-row="5"] {
}

@media (max-width: 767px) {
    #Page_Container [data-row="5"] > div:nth-of-type(2) .promo-block__copy {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (min-width: 768px) {
    #Page_Container [data-row="5"] > div:nth-of-type(2) {
        padding-top: 5%;
    }

    #Page_Container [data-row="5"] > div:nth-of-type(2) .promo-block__overlay {
        width: 90%;
    }

    #Page_Container [data-row="5"] > div:nth-of-type(2) .promo-block__headline {
        font-size: 35px;
    }
}

/* * Row 6 */
#Page_Container [data-row="6"] {
}

@media (max-width: 767px) {
    #Page_Container [data-row="6"] > div:nth-of-type(1) .promo-block__copy {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (min-width: 768px) {
    #Page_Container [data-row="6"] .promo-block .promo-block__overlay {
        left: 25%;
        width: 40%;
    }

    #Page_Container [data-row="6"] .promo-block .promo-block__CTAS {
        justify-content: flex-start;
    }

    #Page_Container [data-row="6"] .promo-block .promo-block__overlay--1 {
        top: 40%;
    }

    #Page_Container [data-row="6"] .promo-block .promo-block__overlay--2 {
        top: 70%;
    }
}

/* * Row 7 */
#Page_Container [data-row="7"] {
}

@media (max-width: 767px) {
    #Page_Container [data-row="7"] > div:nth-of-type(1) .promo-block__copy {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (min-width: 768px) {
    #Page_Container [data-row="7"] .promo-block .promo-block__overlay {
        width: 40%;
        max-width: 300px;
        right: 32px;
    }

    #Page_Container [data-row="7"] .promo-block .promo-block__CTAS {
        justify-content: flex-end;
    }

    #Page_Container [data-row="7"] .promo-block .promo-block__overlay--1 {
        top: 32px;
    }

    #Page_Container [data-row="7"] .promo-block .promo-block__overlay--2 {
        top: 200px;
    }

    #Page_Container [data-row="7"] .promo-block__headline, #Page_Container [data-row="7"] .promo-block__copy {
        color: #fff;
    }
}