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

.none {display:none;}
.container-fluid .Hero-custom {margin-bottom: var(--Sz0)!important}

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

/* 1024:1279  --------------------------------- */
@media (min-width:1024px) and (max-width:1279px) {}

/* 769:1023  --------------------------------- */
@media (min-width:769px) and (max-width:1023px) {}

/* 577:768  --------------------------------- */
@media (min-width:577px) and (max-width:768px) {}

/* 576  ------------------------------- */
@media only screen and (max-width: 576px) {}


/* -- Alignment ListB ------------------------------- */
#stappen-content .thumb img{
  min-width: 50px;
  margin-right:var(--Sz01);
}

/* -- Card grid styling ----------------------------- */
.card-grid{
  border-radius: var(--BrSmall);
  overflow: hidden;
  padding-bottom:0!important;
  height: 100%;
}

.card-grid h3{
  font-size: 2rem!important;
}

.card-grid img{
  filter: drop-shadow(var(--BoxShadow))!important; 
  -webkit-filter: drop-shadow(var(--BoxShadow))!important; 
}

.card-pick .row{
  justify-content: stretch!important;
}

.card-pick .row .col-md-4 > div{
  height:100%;
}

.card-pick .row .col-md-4 .grid{
  height:100%;
}