.headlineXXXL {
        font-size: calc(80px + (100 - 80) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(82px + (100 - 82) * (100vw - 1024px) / (1920 - 1024))
    }

    .headlineXXL {
        font-size: calc(56px + (80 - 56) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(64px + (86 - 64) * (100vw - 1024px) / (1920 - 1024))
    }

    .headlineXL {
        font-size: calc(35px + (62 - 35) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(40px + (68 - 40) * (100vw - 1024px) / (1920 - 1024))
    }

    .headlineL {
        font-size: calc(30px + (56 - 30) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(34px + (62 - 34) * (100vw - 1024px) / (1920 - 1024))
    }

    .headlineM {
        font-size: calc(24px + (50 - 24) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(30px + (54 - 30) * (100vw - 1024px) / (1920 - 1024))
    }

    .headlineS {
        font-size: calc(20px + (44 - 20) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(28px + (48 - 28) * (100vw - 1024px) / (1920 - 1024))
    }

    .headlineXS {
        font-size: calc(20px + (40 - 20) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(24px + (46 - 24) * (100vw - 1024px) / (1920 - 1024))
    }

    .headlineXXS {
        font-size: calc(18px + (35 - 18) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(22px + (40 - 22) * (100vw - 1024px) / (1920 - 1024))
    }

    .headline32 {
        font-size: calc(15px + (32 - 15) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(19px + (37 - 19) * (100vw - 1024px) / (1920 - 1024))
    }

    .headline8vw {
        font-size: 8vw;
        line-height: 1
    }

    .headline75vw {
        font-size: 7.5vw;
        line-height: 1
    }

    .headline7vw {
        font-size: 7vw;
        line-height: 1
    }

    .headline65vw {
        font-size: 6.5vw;
        line-height: 1
    }

    .headline6vw {
        font-size: 6vw;
        line-height: 1
    }

    .copyL,
    .copyXL,
    .copyXS,
    .headline32,
    .headlineL,
    .headlineM,
    .headlineS,
    .headlineXL,
    .headlineXS,
    .headlineXXL,
    .headlineXXS,
    .headlineXXXL {
        letter-spacing: .04em;
        text-transform: uppercase
    }

    .copyXL {
        font-size: calc(18px + (28 - 18) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(24px + (34 - 24) * (100vw - 1024px) / (1920 - 1024))
    }

    .copyL {
        font-size: calc(14px + (24 - 14) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(20px + (30 - 20) * (100vw - 1024px) / (1920 - 1024));
        text-transform: uppercase
    }

    .copyM,
    .copyS {
        letter-spacing: 0;
        text-transform: none
    }

    .copyM {
        font-size: calc(14px + (20 - 14) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(20px + (26 - 20) * (100vw - 1024px) / (1920 - 1024))
    }

    .copyS {
        font-size: calc(12px + (18 - 12) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(16px + (24 - 16) * (100vw - 1024px) / (1920 - 1024))
    }

    .copyXS,
    .ctaL {
        font-size: calc(12px + (16 - 12) * (100vw - 1024px) / (1920 - 1024))
    }

    .ctaL,
    .ctaS {
        letter-spacing: .04em
    }

    .copyXS {
        line-height: calc(16px + (20 - 16) * (100vw - 1024px) / (1920 - 1024))
    }

    .ctaL {
        line-height: calc(16px + (22 - 16) * (100vw - 1024px) / (1920 - 1024))
    }

    .ctaS {
        font-size: calc(12px + (14 - 12) * (100vw - 1024px) / (1920 - 1024));
        line-height: calc(16px + (20 - 16) * (100vw - 1024px) / (1920 - 1024))
    }

    .ctaL.txt-black,
    .ctaS.txt-black {
        color: #222;
        border-bottom: 1px solid #222;
        display: inline-block;
        text-transform: uppercase
    }

    .ctaL.txt-white,
    .ctaS.txt-white {
        color: #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        -webkit-font-smoothing: inherit;
        display: inline-block;
        text-transform: uppercase
    }

    @media only screen and (min-width:1920px) {
        .headlineXXXL {
            font-size: 100px;
            line-height: 108px
        }

        .headlineXXL {
            font-size: 80px;
            line-height: 86px
        }

        .headlineXL {
            font-size: 62px;
            line-height: 68px
        }

        .headlineL {
            font-size: 56px;
            line-height: 62px
        }

        .headlineM {
            font-size: 50px;
            line-height: 54px
        }

        .headlineS {
            font-size: 44px;
            line-height: 48px
        }

        .headlineXS {
            font-size: 40px;
            line-height: 46px
        }

        .headlineXXS {
            font-size: 35px;
            line-height: 40px
        }

        .headline32 {
            font-size: 32px;
            line-height: 37px
        }

        .copyXL {
            font-size: 28px;
            line-height: 34px
        }

        .copyL {
            font-size: 24px;
            line-height: 30px
        }

        .copyM {
            font-size: 20px;
            line-height: 26px
        }

        .copyS {
            font-size: 18px;
            line-height: 24px
        }

        .copyXS,
        .ctaL {
            font-size: 16px
        }

        .copyXS {
            line-height: 20px
        }

        .ctaS {
            font-size: 14px
        }
    }

    @media only screen and (max-width:1024px) {
        .headlineXXXL {
            font-size: 80px;
            line-height: 86px
        }

        .headlineXXL {
            font-size: 56px;
            line-height: 64px
        }

        .headlineXL {
            font-size: 35px;
            line-height: 40px
        }

        .headlineL {
            font-size: 30px;
            line-height: 34px
        }

        .headlineM {
            font-size: 24px;
            line-height: 30px
        }

        .headlineS,
        .headlineXS {
            font-size: 20px;
            line-height: 24px
        }

        .headlineXXS {
            font-size: 18px;
            line-height: 22px
        }

        .headline32 {
            font-size: 15px;
            line-height: 19px
        }

        .copyXL {
            font-size: 18px;
            line-height: 24px
        }

        .copyL,
        .copyM {
            font-size: 14px;
            line-height: 20px
        }

        .copyS,
        .copyXS,
        .ctaL,
        .ctaS {
            font-size: 12px
        }

        .copyS,
        .copyXS {
            line-height: 16px
        }
    }

    .txt-black {
        color: #222
    }

    .txt-white {
        color: #fff
    }

    .textDiv {
        position: absolute
    }

    .brandSplit a,
    .grid1x_left_2,
    .grid1x_left_3,
    .grid1x_right_2,
    .grid1x_right_2>a,
    .grid1x_right_3,
    .grid3_container>a,
    .grid3_super>a,
    .grid4_container>a,
    .grid4_headline h2,
    .nextContainer {
        position: relative
    }

    .nextContainer {
        width: 100%;
        min-width: 744px;
        overflow: hidden
    }

    .nextContainer a {
        text-decoration: none
    }

    .nextContainer h2,
    .nextContainer h3,
    .nextContainer p {
        margin: 0;
        padding: 0
    }

    .grid4_container img,
    .nextImg {
        width: 100%
    }

    .grid4_headline {
        padding: 0 50px 2% 0
    }

    .grid4_headline h2:before {
        border-top: 1px solid #ccc;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 50%;
        width: 100%
    }

    .grid4_headline h2 span {
        background: #fff;
        padding-right: 25px;
        position: relative;
        z-index: 1
    }

    .grid3_container,
    .grid4_container {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0 50px 0 0
    }

    .grid4_container>a {
        width: 23.65%
    }

    .grid3_container>a {
        width: 31.45%
    }

    .grid3_super {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 50px 0 0
    }

    .grid3_super>a {
        width: 31.65%;
        margin-bottom: 5%
    }

    .grid3_super a:nth-child(3n-1) {
        margin-left: 2.5%;
        margin-right: 2.5%
    }

    .grid3_super .grid4_item h2 {
        padding: 0;
        text-transform: uppercase;
        letter-spacing: .04em
    }

    .grid3_super .grid4_item_wide {
        width: 65.8%;
        margin-right: 0 !important
    }

    .grid1x_container {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 50px 0 0
    }

    .grid1x_left_2 {
        width: 77.35%
    }

    .grid1x_left_3 {
        width: 66.35%
    }

    .grid1x_right_2 {
        flex-direction: column;
        width: 20.45%
    }

    .grid1x_right_3 {
        flex-direction: column;
        width: 29.9%
    }

    .grid1x_right_2>a {
        display: inline-block
    }

    .brandSplit {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .brandSplit a {
        flex-direction: column;
        width: 48.8%
    }

    .grid3_super a:focus::after,
    .grid3_super a:focus::before,
    .nextContainer a:focus::after,
    .nextContainer a:focus::before {
        display: inline-block;
        border-width: .1em;
        border-radius: .1em;
        border-style: dotted;
        position: absolute;
        z-index: 999;
        content: ""
    }

    .nextContainer a:focus::before {
        border-color: #000;
        top: .1em;
        right: .1em;
        bottom: .1em;
        left: .1em
    }

    .grid3_super a:focus::after,
    .nextContainer a:focus::after {
        border-color: #fff;
        top: .3em;
        right: .3em;
        bottom: .3em;
        left: .3em
    }

    .grid3_super a:focus::before {
        border-color: #000;
        top: .1em;
        bottom: .1em;
        left: .1em
    }

    .hcWhite {
        background-color: rgba(255, 255, 255, .01)
    }

    .hcBlack {
        background-color: rgba(0, 0, 0, .01)
    }

    .copy-html-button {
        background: linear-gradient(#2dabf9 5%, #0688fa 100%) #2dabf9;
        border-radius: 3px;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-family: Arial;
        font-size: 15px;
        padding: 9px 23px;
        position: absolute;
        right: 20px;
        margin: 20px 0
    }

    @media only screen and (max-width: 320px) {
        .mob64-responsive {
            font-size: 62px;
            line-height: 64px;
        }

        .mob46-responsive {
            font-size: 44px;
            line-height: 46px;
        }

        .mob36-responsive {
            font-size: 34px;
            line-height: 38px;
        }

        .mob31-responsive {
            font-size: 29px;
            line-height: 34px;
        }

        .mob30-responsive {
            font-size: 28px;
            line-height: 32px;
        }

        .mob28-responsive {
            font-size: 26px;
            line-height: 30px;
        }

        .mob26-responsive {
            font-size: 24px;
            line-height: 28px;
        }

        .mob24-responsive {
            font-size: 22px;
            line-height: 26px;
        }

        .mob21-responsive {
            font-size: 19px;
            line-height: 23px;
        }

        .mob20-responsive {
            font-size: 18px;
            line-height: 22px;
        }

        .mob18-responsive {
            font-size: 16px;
            line-height: 20px;
        }

        .mob16-responsive {
            font-size: 14px;
            line-height: 18px;
        }

        .mob15-responsive {
            font-size: 13px;
            line-height: 17px;
        }

        .mob13-responsive,
        .mob14-responsive {
            font-size: 12px;
        }

        .mob14-responsive {
            line-height: 16px;
        }

        .mob13-responsive {
            line-height: 16px;
        }

        .mobcta-responsive {
            font-size: 13px;
            line-height: 17px;
        }
    }

    @media only screen and (max-width: 767px) {

        .mob28-responsive,
        .mob30-responsive,
        .mob31-responsive,
        .mob36-responsive {
            text-transform: uppercase;
        }

        .mob26-responsive,
        .mob28-responsive,
        .mob30-responsive,
        .mob31-responsive {
            letter-spacing: 0.04em;
        }

        .mob64-responsive {
            font-size: 64px;
            line-height: 66px;
            letter-spacing: 0.04em;
        }

        .mob46-responsive {
            font-size: 46px;
            line-height: 48px;
        }

        .mob36-responsive {
            font-size: 36px;
            line-height: 40px;
        }

        .mob31-responsive {
            font-size: 31px;
            line-height: 36px;
        }

        .mob30-responsive {
            font-size: 30px;
            line-height: 34px;
        }

        .mob28-responsive {
            font-size: 28px;
            line-height: 32px;
        }

        .mob26-responsive {
            font-size: 26px;
            line-height: 30px;
            text-transform: uppercase;
        }

        .mob18-responsive,
        .mob21-responsive,
        .mob24-responsive {
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .mob24-responsive {
            font-size: 24px;
            line-height: 28px;
        }

        .mob21-responsive {
            font-size: 21px;
            line-height: 25px;
        }

        .mob20-responsive {
            font-size: 20px;
            line-height: 24px;
        }

        .mob18-responsive {
            font-size: 18px;
            line-height: 22px;
        }

        .mob16-responsive {
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .mob15-responsive {
            font-size: 15px;
            line-height: 18px;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .mob13-responsive {
            letter-spacing: 0em;
        }

        .mob12-responsive {
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .mob14-responsive {
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .mob13-responsive,
        .mobcta-responsive {
            font-size: 13px;
        }

        .mob13-responsive {
            line-height: 17px;
        }

        .mobcta-responsive {
            line-height: 17px;
            text-decoration: underline;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }
    }

    @media only screen and (min-width: 768px) {
        .headlineXXXL-responsive {
            font-size: calc(80px + (100 - 80) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(82px + (100 - 82) * (100vw - 1024px) / (1920 - 1024))
        }

        .headlineXXL-responsive {
            font-size: calc(56px + (80 - 56) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(64px + (86 - 64) * (100vw - 1024px) / (1920 - 1024))
        }

        .headlineXL-responsive {
            font-size: calc(35px + (62 - 35) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(40px + (68 - 40) * (100vw - 1024px) / (1920 - 1024))
        }

        .headlineL-responsive {
            font-size: calc(30px + (56 - 30) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(34px + (62 - 34) * (100vw - 1024px) / (1920 - 1024))
        }

        .headlineM-responsive {
            font-size: calc(24px + (50 - 24) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(30px + (54 - 30) * (100vw - 1024px) / (1920 - 1024))
        }

        .headlineS-responsive {
            font-size: calc(20px + (44 - 20) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(28px + (48 - 28) * (100vw - 1024px) / (1920 - 1024))
        }

        .headlineXS-responsive {
            font-size: calc(20px + (40 - 20) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(24px + (46 - 24) * (100vw - 1024px) / (1920 - 1024))
        }

        .headlineXXS-responsive {
            font-size: calc(18px + (35 - 18) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(22px + (40 - 22) * (100vw - 1024px) / (1920 - 1024))
        }

        .headline32-responsive {
            font-size: calc(15px + (32 - 15) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(19px + (37 - 19) * (100vw - 1024px) / (1920 - 1024))
        }

        .headline8vw-responsive {
            font-size: 8vw;
            line-height: 1
        }

        .headline75vw-responsive {
            font-size: 7.5vw;
            line-height: 1
        }

        .headline7vw-responsive {
            font-size: 7vw;
            line-height: 1
        }

        .headline65vw-responsive {
            font-size: 6.5vw;
            line-height: 1
        }

        .headline6vw-responsive {
            font-size: 6vw;
            line-height: 1
        }

        .copyL-responsive,
        .copyXL-responsive,
        .copyXS-responsive,
        .headline32-responsive,
        .headlineL-responsive,
        .headlineM-responsive,
        .headlineS-responsive,
        .headlineXL-responsive,
        .headlineXS-responsive,
        .headlineXXL-responsive,
        .headlineXXS-responsive,
        .headlineXXXL-responsive {
            letter-spacing: .04em;
            text-transform: uppercase
        }

        .copyXL-responsive {
            font-size: calc(18px + (28 - 18) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(24px + (34 - 24) * (100vw - 1024px) / (1920 - 1024))
        }

        .copyL-responsive {
            font-size: calc(14px + (24 - 14) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(20px + (30 - 20) * (100vw - 1024px) / (1920 - 1024));
            text-transform: uppercase
        }

        .copyM-responsive,
        .copyS-responsive {
            letter-spacing: 0;
            text-transform: none
        }

        .copyM-responsive {
            font-size: calc(14px + (20 - 14) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(20px + (26 - 20) * (100vw - 1024px) / (1920 - 1024))
        }

        .copyS-responsive {
            font-size: calc(12px + (18 - 12) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(16px + (24 - 16) * (100vw - 1024px) / (1920 - 1024))
        }

        .copyXS-responsive,
        .ctaL-responsive {
            font-size: calc(12px + (16 - 12) * (100vw - 1024px) / (1920 - 1024))
        }

        .ctaL-responsive,
        .ctaS-responsive {
            letter-spacing: .04em
        }

        .copyXS-responsive {
            line-height: calc(16px + (20 - 16) * (100vw - 1024px) / (1920 - 1024))
        }

        .ctaL-responsive {
            line-height: calc(16px + (22 - 16) * (100vw - 1024px) / (1920 - 1024))
        }

        .ctaS-responsive {
            font-size: calc(12px + (14 - 12) * (100vw - 1024px) / (1920 - 1024));
            line-height: calc(16px + (20 - 16) * (100vw - 1024px) / (1920 - 1024))
        }
    }

    @media only screen and (min-width: 1920px) {
        .headlineXXXL-responsive {
            font-size: 100px;
            line-height: 108px
        }

        .headlineXXL-responsive {
            font-size: 80px;
            line-height: 86px
        }

        .headlineXL-responsive {
            font-size: 62px;
            line-height: 68px
        }

        .headlineL-responsive {
            font-size: 56px;
            line-height: 62px
        }

        .headlineM-responsive {
            font-size: 50px;
            line-height: 54px
        }

        .headlineS-responsive {
            font-size: 44px;
            line-height: 48px
        }

        .headlineXS-responsive {
            font-size: 40px;
            line-height: 46px
        }

        .headlineXXS-responsive {
            font-size: 35px;
            line-height: 40px
        }

        .headline32-responsive {
            font-size: 32px;
            line-height: 37px
        }

        .copyXL-responsive {
            font-size: 28px;
            line-height: 34px
        }

        .copyL-responsive {
            font-size: 24px;
            line-height: 30px
        }

        .copyM-responsive {
            font-size: 20px;
            line-height: 26px
        }

        .copyS-responsive {
            font-size: 18px;
            line-height: 24px
        }

        .copyXS-responsive,
        .ctaL-responsive {
            font-size: 16px
        }

        .copyXS-responsive {
            line-height: 20px
        }

        .ctaS-responsive {
            font-size: 14px
        }
    }

    @media only screen and (max-width: 767px) {
        .text-desktop-only {
            display: none;
        }
    }

    @media only screen and (min-width: 768px) {
        .text-mobile-only {
            display: none;
        }
    }

    .cb2-sectra-regular {
        letter-spacing: 0 !important;
    }
    
        a.cb2-brown-regular,
    a.cb2-brown-light,
    button .cb2-brown-regular,
    button .cb2-brown-light {
        letter-spacing: 0.04em !important;
    }