#mobile_apps .mobile-apps-wrapper {
    margin: 0 auto;
    background: url(/cmscontent/svgs/mobile-apps/mobileapps_hero_background.svg) center center no-repeat fixed;
    background-size: cover;
    overflow-y: hidden;
    max-height: 774px
}

    #mobile_apps .mobile-apps-wrapper h1 {
        font-weight: 900;
        font-size: 48px;
        line-height: 1.208;
        color: #fff;
        margin-top: 50px;
        margin-bottom: 0
    }

@media screen and (min-width:768px) {
    #mobile_apps .mobile-apps-wrapper {
        overflow-y: hidden;
        max-height: 886px;
        text-align: center
    }

        #mobile_apps .mobile-apps-wrapper h1 {
            margin-top: 120px;
            line-height: 1.6
        }
}

#mobile_apps .mobile-apps-wrapper h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 1.194;
    color: #fff;
    margin-bottom: 60px
}

#mobile_apps .mobile-apps-wrapper .herobttn {
    display: flex;
    justify-content: center;
    flex-direction: column
}

    #mobile_apps .mobile-apps-wrapper .herobttn #mobile-apps-hero-apple {
        content: "";
        background-image: url(/cmscontent/svgs/mobile-apps/applestore_button.svg);
        margin: 0 auto 16px;
        width: 258px;
        height: 86px
    }

@media screen and (min-width:768px) {
    #mobile_apps .mobile-apps-wrapper h2 {
        font-weight: 500;
        font-size: 28px;
        line-height: 1.793
    }

    #mobile_apps .mobile-apps-wrapper .herobttn {
        flex-direction: row
    }

        #mobile_apps .mobile-apps-wrapper .herobttn #mobile-apps-hero-apple {
            margin: 32px
        }
}

#mobile_apps .mobile-apps-wrapper .herobttn #mobile-apps-hero-android {
    content: "";
    background-image: url(/cmscontent/svgs/mobile-apps/googleplaystore_button.svg);
    margin: 0 auto;
    width: 258px;
    height: 86px
}

@media screen and (min-width:768px) {
    #mobile_apps .mobile-apps-wrapper .herobttn #mobile-apps-hero-android {
        margin: 32px
    }
}

#mobile_apps #product-features {
    margin-top: 72px
}

    #mobile_apps #product-features .section-header h1 {
        font-weight: 900;
        font-size: 36px;
        line-height: 1.278;
        text-align: left !important
    }

@media screen and (min-width:768px) {
    #mobile_apps #product-features {
        margin-top: 150px
    }

        #mobile_apps #product-features .section-header h1 {
            text-align: center !important;
            line-height: 1.6
        }
}

#mobile_apps #product-features .section-header h2 {
    text-align: left !important;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.455
}

@media screen and (min-width:768px) {
    #mobile_apps #product-features .section-header h2 {
        text-align: center !important
    }

    #mobile_apps #product-features .centered-block {
        display: block;
        margin: 0 auto
    }
}

#mobile_apps #product-features .benefit-list .benefit-item .icon img {
    height: 79px
}

#mobile_apps #product-features .benefit-list .benefit-item h3 {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.455
}

#mobile_apps #product-features .benefit-list .benefit-item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.563
}

#mobile_apps #MobileQRcode_Wrapper {
    background: url(/cmscontent/svgs/mobile-apps/colorblock_mobile.svg) center center no-repeat;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:768px) {
    #mobile_apps #MobileQRcode_Wrapper {
        background: url(/cmscontent/svgs/mobile-apps/colorblock_desktop.svg) center center no-repeat;
        flex-direction: row;
        align-items: center
    }
}

@media screen and (max-width:767px) {
    #mobile_apps #MobileQRcode_Wrapper {
        min-height: 445px;
        align-items: stretch;
        padding: 60px 30px;
        margin: 100px auto
    }
}

#mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-content {
    flex-grow: 1;
    color: #fff
}

    #mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-content .mobile-qrcode-header {
        font-weight: 900;
        font-size: 42px;
        line-height: 1.19
    }

@media screen and (min-width:768px) {
    #mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-content {
        padding-left: 88px
    }

        #mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-content .mobile-qrcode-header {
            font-size: 48px;
            line-height: 1.313
        }
}

#mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-content .mobile-qrcode-text {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.357
}

#mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-content .white-cta {
    background-color: #fff;
    color: #fa0048;
    display: block;
    font-size: 16px;
    font-weight: 900;
    padding: 17px;
    margin-top: 36px
}

@media screen and (min-width:768px) {
    #mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-content .white-cta {
        padding: 17px 51px;
        display: inline-block
    }

    #mobile_apps #MobileQRcode_Wrapper .mobile-qrcode-action {
        height: 100%;
        width: 625px
    }
}