body.site {
	background:#f8d91b;
	background-image: url(../../../../../images/background_02.png);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.p {
  font color: #fff;
}

.mybanner {
  min-width: 100%;
}

:root {
  --cassiopeia-color-primary: #f8d91b;
  --cassiopeia-color-link:  #f8d91b;
  --cassiopeia-color-hover: #f8d91b;
}


footer div.mod-footer {
    display: block;
}
footer div.mod-footer div {
    margin: 2rem;
}
@media (min-width: 1024px) {
    footer div.mod-footer {
        display: inline-flex;
    }
}

/* Menu */

/* Override the lila background with black */
.container-header {
  background-color: transparent;
  background-image: url(../../../../../images/background_02.png);

}

/* Text should now be yellow */
.container-header .mod-menu {
  background-color: transparent;
  background-image: none;
  color: #f8d91b;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 3px 20px;
  color: #000;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
  background-color: transparent;
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
  color: #fff;
  border: 1px solid #fff;
}