:root {
--cassiopeia-color-primary:#112855;
--cassiopeia-color-link: #0088cc;
--cassiopeia-color-hover:#424077;
}

body.wrapper-fluid {
	background-color: #74c2e1 !important;
	border-top: 3px solid #0088cc;
}

body.wrapper-static {
	padding: 20px 10%;
	background-color: #0033cc !important;
	border-top: 3px solid #0088cc;
}

body.wrapper-fluid .container-header {
	background-color: #74c2e1 !important;
}
body.wrapper-static .container-header {
	background-color: #a4eebb !important;
}

.container-header {
	background: none;
	padding: 10px 20px;
	border-radius: 6px 6px 0 0;
}

.container-header .navbar-brand {
	font-size: 2.25rem;
	white-space: normal;
}

.container-header .mod-menu>li>a {
	color: #0088cc;
}

.container-header .navbar-brand a, .container-header .site-description {
	color: black;
}

body.wrapper-fluid .site-grid {
	background-color: #74c2e1 !important;
}
body.wrapper-static .site-grid {
	background-color: #a4eebb !important;
}

.footer {
	background: none;
}

.footer .grid-child {
	padding-top: 10px;
	padding-bottom: 10px;
}

.card h3 {
	font-size: 1.2rem;
}

@media (max-width: 640px) { 
	body {
		padding: 20px 0;
	}
}