:root {
    --cassiopeia-color-primary: #bd0100;
    --cassiopeia-color-link: #bd0100;
    --link-color: #bd0100;
    --link-color-rgb: 189, 1, 0;
    --cassiopeia-color-hover: #961400;
    --link-hover-color: #961400;
    --link-hover-color-rgb: 150, 20, 0;
}

@media (max-width: 767px) {
	.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 .";
	}
}

.container-header{
background-color: transparent;
background-image: none;
}

.nav-item {
  color: black;
}

.container-header .mod-menu>li.active:after {
  background-color: rgb(189, 1, 0);
  opacity: 1;
}

.container-header .mod-menu>li:hover:after {
  background-color: rgb(189, 1, 0);
  opacity: 0.2;
}