html {
  font-family: century-gothic, sans-serif;
  font-style: normal;
  font-size: 18px;
}
body.FLASHY, body.COMPACT {
}
p {
  text-align: justify; 
  margin-bottom: .4rem;   
}
.table {
  color: #555929;
}
.tooltip-wide + .tooltip > .tooltip-inner {
     max-width: 100%;
}

.bg-color {
  background-color: #F4F0E7;
}
.bg-logo-shape {
  background: url('img/bg-logo-shape.svg') center center no-repeat;
  background-attachment: fixed;
  background-size: auto 95%;   
  background-color: #F4F0E7;
}
.body-content {
  color: #555929;
}
.main-logo {
  z-index: 99;
  padding: 2rem 12px 1rem 4rem ;
}

div.localeChangeDiv {
  padding: 0 0 1rem 0;
}
a.localeChangeLink {
  margin-right: .6rem;
}
a.localeChangeLink .active {
  font-weight: bold;
  color: #3B4319;
}

div#mainMenu {
  background-color: #888A6C;
  padding: 1rem 1rem 1rem 4rem;
}

div#mainMenu a {
  font-weight:  normal;
  color: white;
  text-transform: uppercase;
}
div#mainMenu a.nav-link {
  padding-left: 0;
}
div#mainMenu a.active {
  color: #3B4319;
}
div#mainMenu a.menu1-item {
  padding-top: .4rem;
}
div#mainMenu a:hover {
  text-decoration: underline;
}
div#mainMenu .menu2 {
  padding-left: 1.1rem;
  padding-bottom: .3rem;
  font-size: .95rem;
}
div#mainMenu a.menu2-item {
  padding-top: .2rem;
  padding-bottom: .2rem;
}
div.mainMenuProjectLogo {
  padding: 1rem 0.2rem 1rem 4rem;  
}