@font-face {
    font-family: "HelveticaNeueW01-75Bold";
    src:url("//assets.macysassets.com/dyn_img/fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"),
    url("//assets.macysassets.com/dyn_img/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff");
}
@font-face {
    font-family: "HelveticaNeueW01-55Roma";
    src:url("//assets.macysassets.com/dyn_img/fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),
    url("//assets.macysassets.com/dyn_img/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff");
}
@font-face {
    font-family: "HelveticaNeueW01-45Ligh";
    src:url("//assets.macysassets.com/dyn_img/fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"),
    url("//assets.macysassets.com/dyn_img/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff");
}

  /***************/
 /*   DESKTOP   */
/***************/

@media only screen and (min-width:1024px) {
    /* GENERAL */
    .cec-content {
        background-image: url(//assets.macysassets.com/dyn_img/creativepages/C8040767_bg2.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 60px;
    }
    .cec-content p {
        font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
        font-size: 18px;
        letter-spacing: .5px;
    }
    .cec-content .cec-37 {
        font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
        font-size: 37px;
    }
    .cec-content .cec-36 {
        font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
        font-size: 36px;
    }
    .cec-content .cec-30 {
        font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
        font-size: 30px;
        line-height: 1;
    }
    .cec-content .cec-28 {
        font-size: 28px;
    }
    .cec-content .cec-25 {
        font-size: 25px;
    }
    .cec-content .cec-26 {
        font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
        font-size: 26px;
        line-height: 1.2;
    }
    .cec-content .cec-20 {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .cec-content .cec-20 strong {
        font-size: 22px;
    }
    .cec-content .cec-14 {
        font-size: 14px;
    }
    .cec-content .cec-12 {
        font-size: 12px;
    }
    .cec-content p strong {
        font-family: "HelveticaNeueW01-75Bold", Arial, sans-serif;
        font-weight: normal;
    }
    .cec-red {
        color: #d10f03;
    }
    .cec-content .cec-grey {
        font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
        font-size: 25px;
        color: #444444;
    }
    .cec-content .button {
        font-size: 22px;
        padding: 11px 32px;
    }
    .cec-reg {
        font-size: 65%;
    }
    .cec-sidepad {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* HERO */
    .cec-img-star-rewards {
        margin-bottom: 29px;
    }
    .cec-hero .cec-28 {
        margin-bottom: 0;
    }
    .cec-hero .cec-txt-open-account {
        margin-bottom: 13px;
    }
    .cec-img-save20 {
        padding: 0 15px 7px;
    }
    .cec-hero .cec-14 {
        margin-bottom: 24px;
    }
    .cec-hero .button {
        margin-bottom: 60px;
    }
    .cec-hero .cec-36 {
        padding-top: 28px;
        margin-bottom: 0;
    }

    /* 3 ICONS */
    .cec-3icons {
        padding-top: 5px;
    }
    .cec-3icons .cec-img-div {
        height: 115px;
    }
    .cec-3icons .cec-25 {
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .row.cec-3icons2 {
        margin-bottom: 49px;
    }

    /* SILVER MEMBERS */
    .cec-silver.row {
        margin-bottom: 62px;
    }
    .cec-silver .cec-txt {
        position: absolute;
        top: 40px;
        right: 80px;
        text-align: center;
    }
    .cec-silver .cec-30 {
        margin-bottom: 27px;
    }
    .cec-silver .cec-txt img {
        margin-bottom: 8px;
    }
    .cec-silver .cec-grey {
        margin-bottom: 10px;
    }
    .cec-silver2 p {
        margin-bottom: 65px
    }

    /* GOLD MEMBERS */
    .cec-gold.row {
        margin-bottom: 62px;
    }
    .cec-gold .cec-txt {
        position: absolute;
        top: 27px;
        left: 70px;
        text-align: center;
    }
    .cec-gold .cec-30 {
        margin-bottom: 22px;
    }
    .cec-gold .cec-30:first-of-type {
        margin-bottom: 27px;
    }
    .cec-gold .cec-txt img {
        margin-bottom: 8px;
    }
    .cec-gold .cec-grey {
        margin-bottom: 7px;
    }

    /* PLATINUM MEMBERS */
    .cec-platinum.row {
        margin-bottom: 35px;
    }
    .cec-platinum .cec-txt {
        position: absolute;
        top: 27px;
        right: 34px;
        text-align: center;
    }
    .cec-platinum .cec-30 {
        margin-bottom: 22px;
    }
    .cec-platinum .cec-30:first-of-type {
        margin-bottom: 27px;
    }
    .cec-platinum .cec-txt img {
        margin-bottom: 8px;
    }
    .cec-platinum .cec-grey {
        margin-bottom: 7px;
    }
    .cec-platinum2.row {
        margin-bottom: 68px;
    }

    /* CARD REWARDS */
    .cec-card-rewards.row {
        margin-bottom: 34px;
    }
    .cec-card-rewards .cec-30 {
        margin-bottom: 5px;
    }
    .cec-card-rewards p {
        margin-left: 25px;
        line-height: 1.2;
    }

    /* 3% */
    .cec-3percent.row {
        margin-bottom: 68px;
    }
    .cec-3percent .cec-txt {
        position: absolute;
        bottom: 40px;
        left: 90px;
        text-align: center;
    }
    .cec-3percent .cec-txt img {
        margin-bottom: 25px;
    }

    /* 2% */
    .cec-2percent.row {
        margin-bottom: 68px;
    }
    .cec-2percent .cec-txt {
        position: absolute;
        bottom: 29px;
        right: 102px;
        text-align: center;
    }
    .cec-2percent .cec-txt img {
        margin-bottom: 25px;
    }

    /* 1% */
    .cec-1percent.row {
        margin-bottom: 34px;
    }
    .cec-1percent .cec-txt {
        position: absolute;
        bottom: 30px;
        left: 70px;
        text-align: center;
    }
    .cec-1percent .cec-txt img {
        margin-bottom: 25px;
    }
    .cec-1percent2.row {
        margin-bottom: 53px;
    }

    /* 1000 POINTS */
    .cec-1000points .cec-37 {
        margin-bottom: 24px;
    }
    .cec-1000points img {
        margin-bottom: 15px;
    }
    .cec-1000points .cec-37b {
        margin-bottom: 16px;
    }
    .cec-1000points .cec-p {
        margin-bottom: 10px;
    }
    .cec-1000points .cec-12 {
        margin-bottom: 26px;
    }
    .cec-1000points .button {
        margin-bottom: 65px;
    }

    /* FOOTER */
    .la-footer-section {
        margin-top: 10px;
        background: #ffffff;
    }
    .cec-border-top {
        border-top: solid 1px #cccccc;
    }
    .lacFooter {
        position: relative;
        z-index: 100;
    }
    .lacFooter-anchors a {
        text-decoration: none;
    }
    .lacFooter-arrow {
        display: none;
        transform: scaleX(0.4);
        font-size: 10vw;
        line-height: .1;
    }
    .lacFooter {
        bottom: 0px;
        left: -6px;
        margin-bottom: 23px;
        padding-top: 20px;
        width: 100%;
    }
    .lacFooter p {
        font-size: 11.7px;
        margin: 0 0 0 8px;
    }
    .lacFooter, .lacFooter-anchors .firstLink {
        color: rgba(0, 0, 0, 0.5);
    }
    .lacFooter-anchors {
        height: 59px;
        position: relative;
    }
    .lacFooter-anchors img {
        display: inline;
        margin-right: 10px;
    }
    .lacFooter-anchors a {
        font-size: 8.99px;
        letter-spacing: .64px;
        padding: 0 10px 0 8px;
        text-decoration: none;
    }
    .lacFooter-anchors .firstLink {
        display: inline-block;
        font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 0.2px;
        line-height: 27px;
    }
    .lacFooter-anchors a {
        color: rgba(0, 0, 0, 0.7);
        font-weight: bold;
    }
    .lacFooter-anchorsWrapper a:nth-of-type(1),
    .lacFooter-anchorsWrapper a:nth-of-type(2) {
        border-right: 2px solid rgba(0, 0, 0, 0.3);
    }
    .lacFooter-anchorsWrapper {
        position: absolute;
        bottom: 0;
    }
    .lacFooter-anchorsWrapper a {
        text-transform: uppercase;
        font-size: 8px;
    }
    .lacFooter-paragraphs {
        margin-top: 10px;
    }
}

  /********************************/
 /*   HACKS FOR LIQUID DESKTOP   */
/********************************/

@media only screen and (max-width:1279px) and (min-width:1024px) {
    /* liquid hack: MEMBERS font sizes */
    .cec-silver .cec-30,
    .cec-gold .cec-30,
    .cec-platinum .cec-30 {
        font-size: 2.34vw;
    }
    .cec-silver .cec-30,
    .cec-gold .cec-30,
    .cec-platinum .cec-30 {
        font-size: 2.34vw;
    }
    .cec-silver .cec-grey,
    .cec-gold .cec-grey {
        font-size: 1.96vw;
    }

    /* liquid hack: SILVER MEMBERS */
    .cec-silver .cec-txt {
        top: 3.2vw;
        right: 6.25vw;
    }
    .cec-silver .cec-30 {
        margin-bottom: 2.15vw;
    }
    .cec-silver .cec-txt img {
        width: 27.5vw;
        margin-bottom: .6vw;
    }
    .cec-silver .cec-grey {
        margin-bottom: .8vw;
    }
    
    /* liquid hack: GOLD MEMBERS */
    .cec-gold .cec-txt {
        top: 2.15vw;
        left: 5.5vw;
    }
    .cec-gold .cec-30 {
        margin-bottom: 1.75vw;
    }
    .cec-gold .cec-30:first-of-type {
        margin-bottom: 2.15vw;
    }
    .cec-gold .cec-txt img {
        width: 29.1vw;
        margin-bottom: .6vw;
    }
    .cec-gold .cec-grey {
        margin-bottom: .6vw;
    }
    
    /* liquid hack: PLATINUM MEMBERS */
    .cec-platinum .cec-txt {
        top: 2.15vw;
        right: 2.65vw;
    }
    .cec-platinum .cec-30 {
        margin-bottom: 1.75vw;
    }
    .cec-platinum .cec-30:first-of-type {
        margin-bottom: 2.15vw;
    }
    .cec-platinum .cec-txt img {
        width: 18.25vw;
        margin-bottom: .6vw;
    }
    .cec-platinum .cec-grey {
        margin-bottom: .6vw;
        font-size: 1.85vw;
    }

    /* liquid hack: 3% */
    .cec-content .cec-20 {
        font-size: 1.57vw;
        margin-bottom: 1.17vw;
    }
    .cec-content .cec-20 strong {
        font-size: 1.72vw;
    }
    .cec-3percent .cec-txt {
        bottom: 3.1vw;
        left: 7vw;
    }
    .cec-3percent .cec-txt img {
        width: 18.25vw;
        margin-bottom: 1.95vw;
    }

    /* liquid hack: 2% */
    .cec-2percent .cec-txt {
        bottom: 2.3vw;
        right: 8vw;
    }
    .cec-2percent .cec-txt img {
        width: 18.9vw;
        margin-bottom: 1.95vw;
    }

    /* liquid hack: 1% */
    .cec-1percent .cec-txt {
        bottom: 2.35vw;
        left: 5.45vw;
    }
    .cec-1percent .cec-txt img {
        width: 16.3vw;
        margin-bottom: 1.95vw;
    }
}

   /**************/
  /*   MOBILE   */
 /**************/

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

    /* GENERAL */

    .cecm-mobile>div {
        position: relative;
    }
    .cecm-mobile img,
    .cecm-mobile p,
    .cecm-btn {
        width: 100%;
    }
    .cecm-mobile p,
    .cecm-btn {
        position: absolute;
        left: 0;
    }
    .cecm-btn a {
        padding: 2vw 6vw;
        font-size: 4.2vw;
    }
    .cecm-mobile p {
        font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
        line-height: 1.3;
    }
    .cecm-mobile p strong {
        font-family: "HelveticaNeueW01-75Bold", Arial, sans-serif;
    }
    .cecm-mobile p.cecm-light {
        font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
    }
    .cecm-80 {
        font-size: 11vw;
        letter-spacing: .1vw;
    }
    .cecm-70 {
        font-size: 9.5vw;
    }
    .cecm-60 {
        font-size: 8.5vw;
    }
    .cecm-50 {
        font-size: 7.5vw;
    }
    .cecm-40 {
        font-size: 6.5vw;
    }
    .cecm-32 {
        font-size: 5.2vw;
    }
    .cecm-30 {
        font-size: 5.1vw;
    }
    .cecm-27 {
        font-size: 4.5vw;
    }
    .cecm-24 {
        font-size: 3.9vw;
    }
    .cecm-reg {
        font-size: 65%;
    }

    /* HERO */
    .cecm-hero1 {
        top: 21vw;
    }
    .cecm-hero2 {
        top: 86vw;
        font-size: 8vw;
    }
    .cecm-hero2 strong {
        font-size: 7.5vw;
    }
    .cecm-hero3 {
        top: 110vw;
    }
    .cecm-hero4 {
        top: 133vw;
    }
    .cecm-hero5 {
        top: 181vw;
    }
    .cecm-hero6 {
        top: 190vw;
    }
    .cecm-hero7 {
        top: 202vw;
    }
    .cecm-hero8 {
        top: 276vw;
    }

    /* SILVER */
    .cecm-silver1 {
        top: 82vw;
    }
    .cecm-silver2 {
        top: 153vw;
    }

    /* GOLD */
    .cecm-gold1 {
        top: 86vw;
    }
    .cecm-gold2 {
        top: 141vw;
    }

    /* PLATINUM */
    .cecm-platinum1 {
        top: 86vw;
    }
    .cecm-platinum2 {
        top: 141vw;
    }
    .cecm-platinum3 {
        top: 160vw;
    }

    /* CARDS */
    .cecm-cards1 {
        top: 40vw;
    }
    .cecm-cards2 {
        top: 49.5vw;
    }
    .cecm-cards3 {
        top: 65vw;
    }
    
    /* 3% */
    .cecm-3percent1 {
        top: 143vw;
    }
    .cecm-3percent2 {
        top: 161vw;
    }

    /* 2% */
    .cecm-2percent1 {
        top: 116vw;
    }
    .cecm-2percent2 {
        top: 135vw;
    }

    /* 1% */
    .cecm-1percent1 {
        top: 116vw;
    }
    .cecm-1percent1 strong{
        font-size: 4.9vw;
    }
    .cecm-1percent2 {
        top: 135vw;
    }
    .cecm-1percent3 {
        top: 159vw;
        font-size: 3.7vw;
    }
    .cecm-1percent4 {
        top: 173vw;
    }
    .cecm-1percent5 {
        top: 182vw;
    }
    .cecm-1percent6 {
        top: 223vw;
    }
    .cecm-1percent7 {
        top: 232vw;
    }
    .cecm-1percent8 {
        top: 249vw;
    }
    .cecm-1percent9 {
        top: 263vw;
    }

    /* FOOTER */

    .cecm-footer .american_express {
        color: #666666;
        font-family: "HelveticaNeueW01-45Ligh", arial, sans-serif;
        font-size: 4vw;
        line-height: 4.7vw;
        text-align: center;
        padding-top: 9vw;
        margin-bottom: 7vw;
    }
    .cecm-footer .lacFooter {
        flex-direction: column-reverse;
        padding-top: 0vw !important;
        left: 0;
    }
    .cecm-footer .lacFooter p {
        font-size: 3.1vw !important;
        margin-bottom: 0;
        text-align: center;
        margin-top: 0vw;
        line-height: 3.8vw;
        color: #333333;
    }
    .cecm-footer .lacFooter-anchors {
        margin-bottom: 2% !important;
        height: auto;
    }
    .cecm-footer .lacFooter-anchors img {
        display: none ! important;
    }
    .cecm-footer .lacFooter-anchors .firstLink {
        border-top: 3px solid rgba(0, 0, 0, 0.3);
        font-family: "Helvetica Neue","Helvetica",Helvetica,"HelveticaNeueW01-45Ligh",Arial,sans-serif;
        line-height: initial;
        letter-spacing: initial;
        color: #333;
        font-size: 3.4vw;
        display: block;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 3%;
        padding-right: 4%;
    }
    .cecm-footer .lacFooter-anchors a {
        border-bottom: 3px solid rgba(0, 0, 0, 0.3);
        display: block;
        font-size: 3.4vw;
        font-family: "Helvetica Neue","Helvetica",Helvetica,"HelveticaNeueW01-45Ligh",Arial,sans-serif;
        border-right: none;
        color: #333333;
        text-transform: none;
        text-decoration: none;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 3%;
        padding-right: 4%;
    }
    .cecm-footer .lacFooter-paragraphs {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 4%;
        padding: 2%;
    }
    .cecm-footer .lacFooter-arrow {
        padding-right: 0%;
        padding-bottom: 4%;
        display: initial;
        float: right;
        transform: scaleX(0.4);
        font-size: 10vw;
        line-height: .1;
        opacity: .9;
    }
    .cecm-footer .lacFooter-anchorsWrapper {
        position: relative;
        bottom: 0;
    }
    .cecm-footer .lacFooter-anchorsWrapper a:nth-of-type(1), .lacFooter-anchorsWrapper a:nth-of-type(2) {
        border-right: 0;
    }
}