@media (max-width: 991px) {
    .site-grid {
        grid-template-areas:
            ". banner banner banner banner ."
            ". top-a  top-a  top-a  top-a  ."
            ". top-b  top-b  top-b  top-b  ."
            ". side-l side-l side-l side-l ."
            ". comp   comp   comp   comp   ."
            ". side-r side-r side-r side-r ."
            ". bot-a  bot-a  bot-a  bot-a  ."
            ". bot-b  bot-b  bot-b  bot-b  ."
    }
}

/* body {

/* background-image: url('/images/banners/banner.jpg');*/

/* background-repeat: no-repeat;*/

/* background-size: cover; */

/* background-color: #fff;*/

}
*/

.site-grid {
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 15.875rem) repeat(2, minmax(0, 25.875rem)) minmax(0, 10.875rem) [main-end] minmax(0, 1fr) [full-end];
}
:root {
--cassiopeia-color-primary: #2536db;
--body-color: #383838;
--body-bg: #efefef;
}

.header {
    min-height: 250px;
	background: linear-gradient(90deg, rgba(42,58,206,1) 0%, rgba(2,58,206,1) 50%, rgba(65,80,218,0.8) 100%);
/*    background-image: url('/images/SBoe_Images/Header_Beach.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    background-color: #fff
*/  
}

.footer {
    background: linear-gradient(90deg, rgba(42,58,206,1) 0%,  rgba(42,58,206,1) 50%, rgba(42,58,206,1) 100%);
/*    background-image: url('/images/SBoe_Images/IMG-20220817-WA0052.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    background-color: #fff */
    }