/* DESKTOP */

    .hero .card-block {max-width: 1240px !important; margin: 0 auto !important;}
    .hero .card-block .card-content {max-width: 40% !important;}
    .hero .card-block .card-content h1 {font-weight: 800!important;}
    .hero .card-block .card-content .body-3 {font-size: 18px!important;}
    .copy-campagne {display:none!important;}
    .ctabar {min-height: 160px; background: #006fcf url(https://www.americanexpress.com/content/dam/amex/nl/assets/images/krul.png); background-repeat: no-repeat; background-position: bottom right; padding: 30px 0px;}
    .thegoldcard .card-img-bg {background-image: url('/content/dam/amex/nl/assets/images/2000-600-bg-pattern-deepblue-blue-V2.png'); background-position: 50% 50%; background-size: cover;}
    .btn-tablet-mobile {display:none;}

/* TABLET */

@media (max-width: 1024px) {
    .hero .card-block .card-content {display:none!important;}
    .copy-campagne {display:block!important;}
    .ctabar {min-height: 160px; background: #006fcf; padding: 30px 0px;}
    .btn-tablet-mobile {display:block!important;}
}

/* MOBILE */

@media (max-width: 768px) {
    .hero .card-block .card-content {display:none!important;}             
    .copy-campagne {display:block!important;}              
    .ctabar {min-height: 160px; background: #006fcf; padding: 30px 0px;}
    .video-hero .richtext {font-size: 13px;}
    .textimage .text {font-size: 13px;}
    .tabs .tab-content-container>div {padding: 20px 0 0 0;}
    .grid-social .col-md-2 {flex: 1; // Keep social icons in a row}
    .grid-benefit .col-md-5 h3, .grid-benefit .col-md-5 h4, .grid-benefit .col-md-5 p {text-align: left !important; // Left align all benefit copy}
    .grid-benefit .col-md-5 .pad-1-l {padding-left: 0 !important;}
    .grid-benefit .col-md-5 {order: 1; // Keep benefit copy on the bottom}
    .grid-benefit .col-md-7 {order: 0; // Keep benefit images on top}
    .thegoldcard .card-img-bg {background: #00175a;}
    .btn-tablet-mobile {display:block!important;}
}