/* banner */
/* full width, no border */
.mybanner {
  min-width: 100%;
  border: 0px;
}

/* remove padding, banner should fill */
.mybanner .card-body {
  padding: 0px;
}

/* white background */
.container-header {
    background-color: white;
    background-image: none;
}

/* menu */
/* use link color green for text */
.container-header .mod-menu {
    /*color: #b8dc96;*/
    color: #99cc00;
}

/* proper alignment with header and body */
.container-header .mod-menu .metismenu-item{
    padding-left: 0px;
}

/* hamburger menu should be green as well */
.container-header .navbar-toggler {
    color: #99cc00;
    border: 1px solid #99cc00;
}

/* whole page */
/* frame around */
/* but limit max width */
/* not on small screens */
@media (min-width: 700px) {

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

.header {
    background-color: #ffffff;
}

body {
  	padding-top: 10px !important;
  	padding-bottom: 10px !important;
  	padding-left: 30px !important;
  	padding-right: 30px !important;
    background-color: #e0dedf;
  	max-width: 1200px;
	margin: 0 auto;
}

html {
  	background-color: #e0dedf !important;
}

.footer {
    background-color: #ffffff;
    background-image: none;
}

}
/* color scheme */
:root {
 --cassiopeia-color-primary:#ffffff;
 --cassiopeia-color-link:#99cc00;
 --cassiopeia-color-hover:#762c3b
}

/* font sizes */
h1, .h1 {
  font-size: 2rem !important;
}

h2, .h2 {
  font-size: 1.6rem !important;
}