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

/* CUSTOM */

.container-fluid .ShopBar {height: 100px; bottom: -100px; transition: bottom 0.5s ease-in-out;}
.container-fluid .ShopBar.active {bottom: 0px;}
#amex-footer {margin-bottom: 6rem!important;}

.container-fluid .Hero-custom {margin-bottom: unset!important;}

.ListB .block-hover {background: #f7f8f9!important;}

#row10 .card-img-bg {background-color: #f7f8f9; position: absolute; bottom: 18%;}

/* RESPONSIVE */

/* 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) {}