:root {
  --cassiopeia-color-primary: #000060;
  --cassiopeia-color-link: #224faa;
  --cassiopeia-color-hover: #424077;
}

body{
    background-color: #f0f0f0;
}

.container-header .mod-menu {
  color: #f0f0f0;
}

.container-header .mod-menu > li.active {
  background-color: #424077;
}

.container-header .mod-menu > li:hover {
  color: white;
}

.container-header .container-nav {
  padding-top: 0px;
  padding-bottom: 2px;
  justify-content: center;
}
@media (max-width: 992px) {
  .container-header .container-nav {
	justify-content: left;
  }
}

.grid-child.container-component{
  max-width: 1024px;
}

.footer {
  margin-top: 25px;
  color: white;
}

.footer .grid-child{
  padding: 10px;
}

.card {
  font-size: 14pt;
  color: red;
  font-weight: bold;
}


/* Ken Burns Effect
 ========================================================================== */

.fling-kb {overflow:hidden; margin-bottom: 5px;}
.fling-kb img {position: relative; transition-property: all;
               transition-duration: 2s; transition-timing-function: ease-in-out; transition-delay: 0s;}
.fling-kb:hover img {transform: scale(1.1);}