/*** Set Space between subheading and logo/quote ***/

p.heroSectionContent-SubHeading {
    margin-top: 15px;
    margin-bottom: 28px;
}


/*** Adjust Hero Image location ***/

#backgroundColorLayout .heroImageWrapper {
    margin-left: 47%;
    top: 4em;
}


/*** Adjust Hero Image sizing ***/

#backgroundColorLayout .heroImageWrapper img {
    max-height: 60%;
}


/* change box color for 2nd blade - side by side */

#imageTextSideBySideLayout:nth-child(3n+1) .heroContentWrapper {
    background-color: #505C74;
}


/* Adjust Font Sizes */

p.heroSectionContent-SubHeading {
    font-size: 2em;
}

p.heroSectionContent-Quote {
    font-size: 1.6em;
}

p.heroSectionContent-text {
    font-size: 1.1em;
    font-weight: 300;
}


/*** Adjust Mobile Settings - center text hide image ***/

@media screen and (max-width: 750px) {
    div#backgroundColorLayout .heroContentWrapper {
        width: 100% !important;
        padding: .5em 0 0;
    }
    #backgroundColorLayout .heroTextWrapper {
        padding-top: 2em !important;
    }
    p.heroSectionContent-headLine,
    p.heroSectionContent-SubHeading,
    p.heroSectionContent-Quote {
        text-align: center !important;
    }
    #backgroundColorLayout .heroImageWrapper {
        display: none;
    }
    #seriesRedesignPage #backgroundColorLayout .heroSectionContent-headLine:after {
        display: none;
    }
    p.heroSectionContent-headLine {
        width: 100% !important;
    }
}


/*** Adjust Mobile Settings - text padding - image size ***/

@media (max-width: 53em) {
    #backgroundColorLayout .heroContentWrapper {
        padding: .5em 0 0 2em;
    }
    #backgroundColorLayout .heroTextWrapper {
        padding: 4em 2em 1em 2em;
    }
    #backgroundColorLayout .heroImageWrapper {
        height: 400px;
    }
}


/*** left align compare box ipad and above ***/

@media screen and (min-width: 849px) {
    p.heroRedesign_compareBox {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1170px) {
    #seriesRedesignPage .seriesListings-header .seriesListings-title a {
        line-height: 1.4em;
    }
}


/*** Adjust desktop hero height and wrapper widths ***/

@media (min-width: 53em) {
    #backgroundColorLayout,
    #backgroundColorLayout .heroImageWrapper,
    #backgroundColorLayout .heroSectionContent {
        height: 660px;
    }
    #backgroundColorLayout .heroContentWrapper {
        width: 48%;
        padding: 0 2em 0 6em;
    }
    #backgroundColorLayout .heroImageWrapper {
        max-width: 50%;
        margin-left: 47%;
    }
    #backgroundColorLayout .heroImageWrapper img {
        max-height: 70%;
    }
    /* change breadcrumb to black */
    #seriesRedesignPage .breadcrumb-wrapper,
    #seriesRedesignPage .breadcrumb-item {
        color: #000 !important;
    }
}

@media (min-width: 85em) {
    #backgroundColorLayout .heroImageWrapper img {
        max-height: 75%;
    }
    #backgroundColorLayout .heroImageWrapper {
        margin-left: 50%;
    }
}