}
:root {
  --cassiopeia-font-family-body: Verdana, Arial, Helvetica, Sans-Serif;
  --cassiopeia-color-primary:#99978F;
}

body { 
  background-color: #E9DFD3;
}
.sidecard {
  background-color:#E9DFD3;
  font-size:12px;
}

.header {
  background-color: #E9DFD3;
  background-image: none;
}

.site-grid {
  background-color: #E9DFD3;
  background-image: none;
}

.container-nav {
 background: #213060; 
}

.container-footer {
  background-color: #ffffff;
  background-image: none;
}

.container-topbar {
  background-color: #213060;
}
.mod-list li a {
  font-size: 13px;
  color: #888;
  letter-spacing:1px;
}
.container-header .navbar-brand a span {
  text-decoration: none;
}
.container-header .navbar-brand a {
  text-decoration: none;
  font-size: 20px;
  margin-left: 5px;
  color: #99978F;
  letter-spacing:
}
  .page-header h1{
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 2px;
    color: #888;
}
.mod-custom {
background-color: #e9dfd3;
}
.card-body {
  padding: 0px;
  border: 0px;
  background-color:#e9dfd3;
}

@media (width < 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 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. ";
  }
}