@import "/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css";


.container-fluid h1 {font-size: 42px !important;line-height: 40px !important;}
.container-fluid h2 {font-size: 38px !important; line-height: 35px !important;}
.container-fluid h3 {font-size: 21px !important; line-height: 24px !important; margin-bottom: 6px;}

.container-fluid .Hero-custom {margin-bottom:0px;}

.container-fluid #plaat-tekst-besettle p {font-size: 14px !important;}



/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px) {
.container-fluid .grid .ListB .container .row .col-md-4 .thumb {border-bottom:1px solid #cccccc; margin-bottom:10px;}
  #hero {padding:60px 0px;}
}
/* -------------------------------------------------------------------------------------------- */

@media (min-width:577px) and (max-width:768px) {
.container-fluid .grid .ListB .container .row .col-md-4 .thumb {border-bottom:1px solid #cccccc; margin-bottom:10px;}
  #hero {padding:60px 0px;}
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:1023px) {
.container-fluid .grid .ListB .thumb h4.display-block .icon {width: 100%;}
  #hero {padding:60px 0px;}
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width:1024px) and (max-width:1279px) {
  #hero {padding:60px 0px;}
}

/* -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1280px) {}