.sa-template-hero-home {
    margin-bottom: 15vw;
}

    .sa-template-hero-home.sa-template-hero-withoutimg-home {
        margin-bottom: 7.5vw;
        margin-top: 2vw;
    }

.sa-template-content {
    max-width: 890px;
    margin: 0 auto;
    line-height: 4.8rem;
    font-size: 22px;
}

    .sa-column-left .sa-content-desc h2,
    .sa-template-content h2 {
        font-weight: 500;
        font-size: 3.2rem;
        color: #01374f
    }

        .sa-column-left .sa-content-desc h2 *,
        .sa-template-content h2 * {
            font-size: 3.2rem !important;
        }

    .sa-column-left .sa-content-desc p,
    .sa-template-content p {
        max-width: 100%;
    }


/* start: 1440 - 1916 */
@media screen and (max-width: 119.75em) and (min-width: 90em) {
    .sa-template-content > .sa-content {
        width: 95%;
    }
}

.sa-column-left .sa-content-desc {
    color: #01374f;
}

    .sa-column-left .sa-content-desc p,
    .sa-column-left .sa-content-desc ul,
    .sa-template-content > .sa-content > div,
    .sa-template-content > .sa-content > p,
    .sa-template-content > .sa-content > ul {
        margin-bottom: 6.5rem;
        font-size: 2.4rem;
    }

        .sa-column-left .sa-content-desc p:last-child,
        .sa-template-content > .sa-content > div:last-child,
        .sa-template-content > .sa-content > p:last-child {
            margin-bottom: 0;
        }

    .sa-column-left .sa-content-desc p,
    .sa-column-left .sa-content-desc ul,
    .sa-template-content > .sa-content .fl-rich-text > div,
    .sa-template-content > .sa-content .fl-rich-text > p,
    .sa-template-content > .sa-content .fl-rich-text > ul {
        margin-bottom: 6.5rem;
        font-size: 2.4rem;
        line-height: 2;
    }

.sa-content-wrapper a,
.sa-template-content a {
    color: #007dbc;
    font-weight: 700;
}

    .sa-content-wrapper a:hover,
    .sa-template-content a:hover {
        border-bottom: 2px solid #84ee5e;
    }

.sa-about-author {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 90px;
}

    .sa-about-author .sa-content {
        box-shadow: 0 0 5px 3px #f8f8f9;
        padding: 3rem 10rem;
        position: relative;
        line-height: 1.8;
        font-size: 22px;
        background-color: #DDF4FC;
    }

.sa-author-img {
    position: absolute;
    max-width: 180px;
    top: -5rem;
    left: 0;
}

.sa-author-decorate {
    position: absolute;
    max-width: 180px;
    top: calc(-8rem + 30px);
    left: -30px;
    z-index: -1;
}

@media (max-width: 1099.98px) {
    .sa-author-img {
        top: -8rem;
        left: 30px;
        margin-bottom: 50px;
    }
}

.sa-template-hero-img {
    background-image: url(https://www.salary.com/wp-content-biz/themes/salary-child-starr/Images/Template/template-hero-bg.svg);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: top 80% right;
}

.sa-template-hero-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.sa-resource .sa-horizontal-sec .sa-horizontal-bar,
.sa-template-hero-home .sa-horizontal-sec .sa-horizontal-bar {
    max-width: 400px;
}

@media (min-width: 992px) {
    .sa-template-hero-home {
        position: relative;
        background-color: #f6f6f9;
    }

    .sa-template-hero-content {
        margin-top: 10vw;
    }

    .sa-template-hero-withoutimg-home .sa-template-hero-content {
        margin-top: 2vw;
    }

    .sa-template-hero-text {
        flex-basis: 40%;
    }

    .sa-template-hero-withoutimg-home .sa-template-hero-text {
        flex-basis: 85%;
    }

    .sa-template-hero-img {
        position: absolute;
        right: 0;
        top: -5vw;
        height: 40vw;
        width: 48vw;
    }

    .sa-column-left .sa-content-desc ul,
    .sa-template-content > .sa-content > ul {
        padding-left: 80px;
        line-height: 2.2;
    }
}

@media (min-width: 992px) and (max-width:1470px) {
    .sa-template-hero-img {
        top: -2vw;
    }

    .sa-template-hero-home .sa-title-h2 {
        font-size: 3.425vw;
    }
}

@media(min-width:1200px) {
    .sa-template-hero-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .sa-template-social {
        position: absolute;
        flex-basis: auto;
        min-width: 100px;
    }

        .sa-template-social a {
            flex-basis: 100%;
            margin-bottom: 4rem;
            margin-top: 1.5rem;
        }
}

@media(max-width:1199.98px) {
    .sa-template-social {
        margin: 0 auto;
        flex-basis: 890px;
        margin-bottom: 2rem;
    }

        .sa-template-social a {
            margin-right: 4rem;
        }

            .sa-template-social a img {
                height: 60%;
            }

    .sa-about-author .sa-content {
        padding: 150px 30px 30px;
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    .sa-template-hero-home .sa-title-h2 {
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 1;
    }

    .sa-template-hero-home .sa-horizontal-sec {
        margin: 0;
    }

        .sa-template-hero-home .sa-horizontal-sec .sa-horizontal-bar {
            height: 6px;
        }

    .sa-template-hero-content {
        background-color: #f6f6f9;
    }

    .sa-template-hero-img {
        padding-bottom: 20%;
        background-size: 60%;
        background-position: top 60% right;
    }

    .sa-template-hero-img-bg {
        position: absolute;
        width: 100%;
        background-color: #f6f6f9;
        height: 25vw;
        z-index: -1;
    }

    .sa-content-container {
        margin-top: 2rem;
    }

        .sa-content-container .sa-horizontal-sec {
            padding-left: 2rem;
            padding-right: 2rem;
        }

    .sa-template-social {
        margin-bottom: 2rem;
    }

        .sa-template-social a {
            margin-right: 2rem;
        }

    .sa-template-content > .sa-content > ul {
        padding-left: 20px;
    }

    .sa-template-content h2 {
        font-size: 1.8rem;
    }

    .sa-template-content > .sa-content .fl-rich-text > div,
    .sa-template-content > .sa-content .fl-rich-text > p,
    .sa-template-content > .sa-content .fl-rich-text > ul {
        margin-bottom: 4rem;
        font-size: 1.6rem;
        line-height: 30px;
    }

    .sa-template-content > .sa-content > div,
    .sa-template-content > .sa-content > p,
    .sa-template-content > .sa-content > ul {
        margin-bottom: 4rem;
        font-size: 1.6rem;
        line-height: 30px;
    }

        .sa-template-content > .sa-content > div:last-child,
        .sa-template-content > .sa-content > p:last-child {
            margin-bottom: 0;
        }

    .sa-author {
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 68.75em) {
    .sa-about-author {
        margin-top: 200px;
    }

    .sa-author-img {
        top: -10%;
        left: -10%;
    }

    .sa-author-decorate {
        left: calc(-10% - 30px);
        top: calc(-10% + 30px);
    }
}

@media screen and (min-width: 68.75em) and (max-width: 119.75em) {
    .sa-about-author .sa-content {
        padding: 4rem 12rem;
    }
}

@media screen and (min-width:62em) and (max-width:68.6875em) {
    . .sa-column-left .sa-content-desc h2,
    .sa-template-content h2 {
        font-size: 1.8rem;
    }

    .sa-template-content > .sa-content > div,
    .sa-template-content > .sa-content > p,
    .sa-template-content > .sa-content > ul {
        font-size: 1.6rem !important;
    }

    .sa-column-left .sa-content-desc p,
    .sa-column-left .sa-content-desc ul,
    .sa-template-content > .sa-content .fl-rich-text > div,
    .sa-template-content > .sa-content .fl-rich-text > p,
    .sa-template-content > .sa-content .fl-rich-text > ul {
        font-size: 1.6rem !important;
    }
}

@media screen and (min-width:68.75em) and (max-width:79.9375em) {
    .sa-template-content h2 {
        font-size: 2.6rem;
    }


    .sa-template-content > .sa-content > div,
    .sa-template-content > .sa-content > p,
    .sa-template-content > .sa-content > ul {
        font-size: 1.8rem !important;
    }

    .sa-column-left .sa-content-desc p,
    .sa-column-left .sa-content-desc ul,
    .sa-template-content > .sa-content .fl-rich-text > div,
    .sa-template-content > .sa-content .fl-rich-text > p,
    .sa-template-content > .sa-content .fl-rich-text > ul {
        font-size: 1.8rem !important;
    }
}

@media screen and (min-width:90em) and (max-width:119.75em) {
    .sa-column-left .sa-content-desc h2,
    .sa-template-content h2 {
        font-size: 3rem;
    }

    .sa-template-content > .sa-content > div,
    .sa-template-content > .sa-content > p,
    .sa-template-content > .sa-content > ul {
        font-size: 2.2rem !important;
    }

    .sa-column-left .sa-content-desc p,
    .sa-column-left .sa-content-desc ul,
    .sa-template-content > .sa-content .fl-rich-text > div,
    .sa-template-content > .sa-content .fl-rich-text > p,
    .sa-template-content > .sa-content .fl-rich-text > ul {
        font-size: 2.2rem !important;
    }
}
/* contactform */
.sa-download-frm {
    width: 100%;
    height: 1030px;
    border: 0;
}

@media(max-width:992px) {
    .sa-download-frm {
        height: 1530px;
    }
}

/* start: 1100 - 1279 */
@media screen and (min-width:68.75em) and (max-width:79.9375em) {
    .sa-download-frm {
        height: 1530px;
    }
}

/* start:  1280 - 1439 */
@media screen and (min-width:80em) and (max-width:89.9375em) {
    .sa-download-frm {
        height: 1530px;
    }
}

#sal-overlay {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
}

/* start: blog download form*/
.sa-blog-ifr {
    width: 100%;
    height: 77%;
}

@media(max-width:950px) {
    .sa-blog-ifr {
        height: 480px;
    }
}

.sa-insights-form-container {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    background: rgba(255,255,255,.85);
    height: 100%;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 20px;
}

    .sa-insights-form-container input,
    .sa-insights-form-container .sa-insights-form-state {
        max-width: 294px;
        height: 40px;
        background-color: #cdcecf !important;
    }

@media(max-width:991.98px) {
    .sa-insights-form-container {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 34px;
        padding-bottom: 30px;
        padding-top: 10px;
    }

    .sa-insights-form-item {
        max-width: 371px !important;
    }
}

@media(max-width:991.98px) {
    .sa-insights-item-content.sa-insights-form-left1 {
        text-align: center;
    }

        .sa-insights-item-content.sa-insights-form-left1 .sa-insights-form-container {
            text-align: left;
        }
}

.sa-seemore-margintop {
    margin-top: 5rem;
}
/* end: blog download form*/


/* start: share article */
.sa-sharearticle-section {
    margin-top: 217px;
    max-width: 544px !important;
    display: flex;
    flex-flow: wrap;
}

@media(max-width:991.98px) {
    .sa-sharearticle-section {
        margin-top: 50px;
    }
}

#salToggleBlogEmbedcode {
    font-size: 18px;
    text-align: left;
    margin-left: 10px;
}

#sal-blog-snippet-js {
    box-shadow: none;
    outline: none;
    background-color: #f8f8f9;
    border: none;
    flex-basis: 484px;
    max-width: 100%;
    height: 40px;
    font-size: 17px;
    color: #01374f;
    padding: 15px 10px;
    margin-top: 10px;
}

@media(min-width:992px) {
    .sa-horizontal-sec-margin {
        padding-top: 175px;
    }
}

@media (min-width: 992px) {
    .sa-horizontal-sec.below-share-script {
        padding-top: 8vw;
    }
}

@media(max-width:991.98px) {
    .sa-shareblog-section {
        margin-top: 50px;
    }

    #salToggleBlogEmbedcode {
        font-size: 13px;
    }

    #sal-blog-snippet-js {
        font-size: 13px;
    }

    .sa-horizontal-sec-margin {
        padding-top: 10px !important;
    }
}
/* end: share article */

/* start: leadin, about salary.com label contact label*/
.sa-template-content .sa-content .fl-rich-text p.sa-leadin {
    font-size: 3.2rem;
}

@media (max-width: 991.98px) {
    .sa-template-content .sa-content .fl-rich-text p.sa-leadin {
        font-size: 1.8rem;
    }
}

@media screen and (min-width:62em) and (max-width:68.6875em) {
    .sa-template-content .sa-content .fl-rich-text p.sa-leadin {
        font-size: 2.1rem !important;
    }
}

@media screen and (min-width:68.75em) and (max-width:79.9375em) {
    .sa-template-content .sa-content .fl-rich-text p.sa-leadin {
        font-size: 2.4rem !important;
    }
}

@media screen and (max-width: 119.75em) and (min-width: 90em) {
    .sa-template-content .sa-content .fl-rich-text p.sa-leadin {
        font-size: 2.9rem !important;
    }
}

.sa-template-content .sa-content .fl-rich-text p.sa-p-title {
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

@media (max-width: 991.98px) {
    .sa-template-content .sa-content .fl-rich-text p.sa-p-title {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
}

.sa-template-content .sa-content .fl-rich-text p.sa-p-aboutsalary {
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

@media (max-width: 991.98px) {
    .sa-template-content .sa-content .fl-rich-text p.sa-p-aboutsalary {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
}

.sa-template-content .sa-content .fl-rich-text p.sa-p-contact {
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

@media (max-width: 991.98px) {
    .sa-template-content .sa-content .fl-rich-text p.sa-p-contact {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
}

.sa-template-content .sa-content .fl-rich-text .sa-richtext-h2 {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 3rem;
}

@media (max-width: 991.98px) {
    .sa-template-content .sa-content .fl-rich-text .sa-richtext-h2 {
        font-size: 1.8rem;
    }
}
/* end: leadin, about salary.com label contact label*/

/* start: resource desktop*/
.sa-content-wrapper {
    display: flex;
    margin-top: 1.8vw;
}

    .sa-content-wrapper .sa-content-item {
        flex-basis: 45%;
        flex-grow: 1;
    }

        .sa-content-wrapper .sa-content-item.sa-column-left {
            margin-right: 2.6vw;
        }

.sa-column-left .sa-hero-wrapper {
    position: relative;
}

    .sa-column-left .sa-hero-wrapper img {
        max-width: 98%;
    }

    .sa-column-left .sa-hero-wrapper svg {
        position: absolute;
        bottom: -7%;
        right: -3%;
        z-index: -1;
    }

.sa-column-left .sa-share-icon {
    display: flex;
    flex-basis: 100%;
    max-width: 200px;
    justify-content: space-between;
    align-items: center;
}

    .sa-column-left .sa-share-icon a:hover {
        border-bottom: none;
    }

    .sa-column-left .sa-share-icon.margin {
        margin-top: 4.5vw;
        margin-bottom: 3vw;
    }

    .sa-column-left .sa-share-icon img {
        max-width: 50%;
    }

.sa-column-left h2 strong {
    font-weight: 700;
}

.sa-column-right .sa-download-frm {
    height: 1270px;
}
/* end: resource desktop*/

.sa-insights-form-eyebow {
    line-height: 1;
}

.sa-infograph-container {
    margin: 10px;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: center;
}

    .sa-infograph-container .sa-infograph-row {
        margin: 0 auto;
        padding: 0;
        border-left: solid 1px #e6e6e6;
        border-right: solid 1px #e6e6e6;
    }

        .sa-infograph-container .sa-infograph-row:first-child {
            border-top: solid 1px #e6e6e6;
        }


        .sa-infograph-container .sa-infograph-row:last-child {
            border-bottom: solid 1px #e6e6e6;
        }