/* Add custom CSS styles below */ 
/*element list */
.s-block--banners > .grid a.banner-entry {
        grid-row: span 1 / span 2 ;
        height: 300PX;
}
@media(min-width:768px){
   .s-block--banners > .grid {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    } 
}
@media(max-width:768px){
    .s-block--banners > .grid {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
    .s-block--banners > .grid a.banner-entry {
        height: 150PX;
}
}
/*transparent to img*/
 .s-block--fixed-banner img ,
 .s-block--banners .grid .banner-entry {
    background-color:transparent !important;
}
div#mainnav a.navbar-brand img{
    width:100px;
    min-height:100px !important;
}
/*badg color*/
body#app.index {
    background-color:#EEE7DD;
}
#mainnav{
    background-color:#EEE7DD;
}
.top-navbar{
    display:none;
}
.store-footer__inner {
    background-color: #EEE7DD !important;}
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #EEE7DD !important;
    margin: 0;
    max-width: 100% !important;
}