@import url("https://use.typekit.net/pzo2wsl.css");
@import url("https://origin-slgem.americanexpress.com/content/dam/amex/nl/assets/css/normal.css");

body {
    -webkit-font-smoothing: antialiased;
    font-family: benton-sans, sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.clear {clear: both;}

.hero .card-img-bg {
    background-position: 100% 50%;
    background-size: initial!important;
    background-repeat:no-repeat;
    background-color:#006bd3;
}
.hero .card-block .card-content {
    max-width: 50% !important;
}

.hero h1 {
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -1px;
    font-size: 36px;
    font-family: benton-sans !important;
    margin: 10px 0 0 0;
}

.hero h2 {
    font-family: benton-sans, sans-serif !important;
    font-size: 24px;
    letter-spacing: -.71px;
    line-height: 32px;
    color: #fff;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: .5rem;
    margin-top: .5rem;
}

h2, h3 {
    line-height: 1.3;
    font-weight: 900;
    font-family: benton-sans !important;
}

h2 span[style] {
    color:#000!important;
    line-height: 1.3;
}


h2 span .heading-5,
.heading-4 {
    font-weight: 900;
    font-size: 24px;
    letter-spacing: -.71px;
    font-family: benton-sans !important;
    line-height: 32px;
}

.grid:nth-child(8) h2 span .heading-5 {color:#fff!important;}
.grid:nth-child(3) .col-md-1,
.grid:nth-child(3) .col-md-2:nth-child(2) {display:none;}
.grid:nth-child(3) .col-md-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.grid:nth-child(3) .col-md-2 .richtext p{
    line-height: 1.3;
    font-weight: 300;
    font-family: benton-sans !important;
}
.margin-0-tb {margin: 0 auto;}

.dls-accent-blue-02-bg {
    background-color: #001750;
}
.dit_is_een_blauwe_balk {padding:30px;}

/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px){
.dit_is_een_blauwe_balk {display:none;}
.hero .card-img-bg {background-position: 50% 50%;}
.hero .card-block .card-content {max-width: 100% !important; margin-top:10px;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px){
.dit_is_een_blauwe_balk {display:none;}
.hero .card-img-bg {background-position: 50% 50%;}
.hero .card-block .card-content {max-width: 100% !important; margin-top:10px;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:992px){
.dit_is_een_blauwe_balk {display:none;}
.hero .card-img-bg {background-position: 50% 50%;}
.hero .card-block .card-content {max-width: 100% !important; margin-top:10px;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:993px) and (max-width:1200px){
.hero .card-img-bg {background-position: 95% 50%;}
.hero .card-block .card-content {max-width: 40% !important; margin-top:10px;}
} 
/* -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1201px){}
/* -------------------------------------------------------------------------------------------- */