@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;}
/* #amex-footer {margin-bottom: 6rem!important;} */
.container-fluid .Hero-custom {margin-bottom: 0!important}


/* BLOOM CHANGES */
.siteareanav {display: none!important}
.container-fluid .card .pad .margin-b {margin: 0 0 8px 0 !important;}

/* 1280+  ------------------------------- */
@media only screen and (min-width: 1280px) {
.container-fluid h1 {font-size:40px!important;}
}

/* 1024:1279  --------------------------------- */
@media (min-width:1024px) and (max-width:1279px) {
.container-fluid h1 {font-size:36px!important;}
}

/* 769:1023  --------------------------------- */
@media (min-width:769px) and (max-width:1023px) {
.container-fluid h1 {font-size:28px!important;}
}

/* 577:768  --------------------------------- */
@media (min-width:577px) and (max-width:768px) {
.container-fluid h1 {font-size:22px!important;}
}

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