body{
    background: #D3CFD0;
}

.footer, 
.container-header {
  background: #D3CFD0 url('../images/pageglare.png') no-repeat fixed;
    font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  border-bottom: 12px solid #97BADB;
  
}

.container-header .navbar-brand a 
{
  color: #97BADB;
  text-decoration: none;
  margin: 20px 0 0 0;
  font-size: 32px;
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
  font-weight: bolder;
  font-style: normal;
  text-transform: uppercase;
}

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span 
{
    color:  #97BADB !important;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bolder
 	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

h1
{
  color: #97BADB;
  margin: 10px 0 0;
  font-size: 22px;
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
  font-weight: bolder;
  font-style: normal;
  text-transform: uppercase;
}

h2 {
  color: #97BADB;
  margin: 10px 0 0;
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

h4 {
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
}

.card {
  background-color: #D3CFD0;
  border: none;
}

.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
  background: #97BADB;
  opacity: .6;
  height: 4px;
}

.mod-custom {
  width: 100%;
}

.footer {
  color: #97BADB;
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
} 

:root {
  --cassiopeia-color-link: #97BADB;
  --cassiopeia-color-hover: #97BADB;
}

div.mod-languages ul {
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
}