/* Add custom CSS styles below */ 
.top-navbar{
    display:none;
}
/*Logo large*/
#mainnav .navbar-brand img{
    width:100px !important;
    min-height:70px;
}
/*transparent to img*/
.s-block--fixed-banner .banner--fixed img ,
.s-block--banners  .grid .banner-entry {
    background-color:transparent !important;
}
/*panner full width*/
section.s-block.s-block--fixed-banner:not(.s-block.s-block--fixed-banner:nth-of-type(8)) ,
section.s-block.s-block--fixed-banner:not(.s-block.s-block--fixed-banner:nth-of-type(8)) .container  {
    margin:0 !important;
    max-width:100% !important;
    padding:0;
}



/*title elment list*/
section.s-block--banners .s-block__title {
    justify-content:center !important;
}
section.s-block--banners .right-side{
    padding:20px 0 ;
}
@media(min-width:768px){
section.s-block--banners .s-block__title h2{
    font-size:31px;
}
}

/*element list */
.s-block--banners > .grid a.banner-entry {
        grid-row: span 1 / span 2 ;
}
@media(min-width:768px){
   .s-block--banners > .grid {
        grid-template-columns:repeat(4, minmax(0, 1fr));
        /* max-width: 1000px; */
        margin: auto;
       gap:0;
    } 
    .s-block--banners > .grid a.banner-entry {
        height:400px;
    }
}
@media(max-width:768px){
    .s-block--banners > .grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .s-block--banners > .grid a.banner-entry {
        height:250px;
    }
}