@media (max-width: 699px) { /* prev: 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 .";
	}
}
@media (min-width: 700px) { /* original: 992px */
    .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 comp comp side-r ."
			". bot-a bot-a bot-a bot-a ."
			". bot-b bot-b bot-b bot-b .";
    }
}