.mybanner {
  min-width: 100%;
}
.container-header {
  background-color: #ecd8b5;
  background-image: none;
}

.site-grid{
  background-color: #ecd8b5;
}

.card-body{
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  padding:1rem;
  background-color:#ecd8b5;
  color: #ecd8b5}

.container-header .mod-menu {
  color: #87621f;
}
.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 15px;
  color: #87621f;
}

.container-header .mod-menu a:hover {
  background-color: #eee;
}
.container-header .navbar-toggler {
  color: #87621f;
  border: 1px solid #87621f;
}
.btn .btn-primary:hover{
  background-color: #87621f;
  border-color: #87621f;
  color: #87621f}

:root {
    --cassiopeia-color-primary: #87621f;
    --cassiopeia-color-link: #87621f;
    --cassiopeia-color-hover: #a88b58;
  	--body-bg: #ecd8b5;
    }