.flex-container {
  
  display: flex;
  
}

.flex-item {
  
}

.wrap-reverse {
  
  flex-wrap: wrap-reverse;
}

@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  ."
  }
}