@media only screen and (min-width: 992px) {
  body.wrapper-fluid .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-r comp comp ." ". bot-a bot-a bot-a bot-a ." 
    ". bot-b bot-b bot-b bot-b .";
  }
    body.wrapper-fluid .site-grid {
    grid-template-columns: [full-start] minmax(0,auto) [main-start] repeat(2, 11.5em) repeat(2, 1fr) [main-end] minmax(0,auto) [full-end];
  }
}