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



.container-fluid .ShopBar {height: 100px; bottom: -100px; transition: bottom 0.5s ease-in-out;}
.container-fluid .ShopBar.active {bottom: 0px;}
.LanguageModal .ModalContent {height: auto !important;}
.container-fluid h1 {font-size: 42px !important;}
.container-fluid h3 {font-size: 30px !important;}
.BannerC ul.Check li {display: inline-block; font-size: 13px; padding: 14px 0px; border-bottom: 1px solid #ccc;}
.BannerC ul.Check li::before {background-image: none;}
.container-fluid .Upgrade .row {width: 100%; text-align: center;}
.container-fluid .Upgrade {background: rgb(194, 219, 243); background: linear-gradient(180deg, rgba(194, 219, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.container-fluid .Upgrade .row .button {display: flex; justify-content: center;} 
#amex-footer {margin-bottom: 6rem!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) {
  .container-fluid h1 {font-size: 42px !important;}
}

/* 576  ------------------------------- */
@media only screen and (max-width: 576px) {
  .container-fluid h1 {font-size: 42px !important;}
}