:root {
  --cassiopeia-color-primary: #2c519f;
}
body{
  background-color: #fcf5c9;
  font-family: Verdana, "Times New Roman", Times, serif;
  font-size: 1em;
}
h1{
  font-size: 1.75em;
  color: #8b0000;
}
h2{
  font-size: 1.75em;
}
h3{
  font-size: 1.5em;
}
h4{
  font-size: 1.25em;
}
h5{
  font-size: 1.125em;
}
h6{
  font-size: 1.125em;
  color: #8b0000;
}
.card {
    border-radius: 0.5rem;
}
.container-header {
  background-image: none;
  background-color: #fcf5c9;
}
.container-topbar{
  max-width: 1320px;
  margin: auto;
}
.container-header .container-nav {
  background-color: #2c519f;
  border-radius: 0.5rem;
}
.container-header .mod-menu>li+li {
    margin-left: 1em;
}
.container-header .navbar-brand  a{
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
  color: #8b0000;
}
.container-header .site-description {
  color: #000;
  font-weight: bold;
}
.footer {
  background-image: none;
  margin-top: 0.25em;
}
.footer .grid-child {
  padding: 1rem 0.5em;
}
.footer .mod-menu {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
}
.footer .mod-list li {
    padding: 0 0.5em;
}
.container-header .metismenu.mod-menu .metismenu-item {
    font-size: 0.95em;
    padding: 0 0;
    line-height: 1;
}
@media (min-width: 1201px) and (max-width: 1250px) {
.container-header .metismenu.mod-menu .metismenu-item {
	font-size: 0.95em;
}
}
@media (min-width: 1131px) and (max-width: 1200px) {
.container-header .metismenu.mod-menu .metismenu-item{
	font-size: 0.9em;
}
}
@media (min-width: 1061px) and (max-width: 1130px) {
.container-header .metismenu.mod-menu .metismenu-item {
	font-size: 0.85em;
}
}
@media (min-width: 981px) and (max-width: 1060px) {
.container-header .metismenu.mod-menu .metismenu-item {
	font-size: 0.8em;
}
}
@media (min-width: 881px) and (max-width: 980px) {
.container-header .metismenu.mod-menu .metismenu-item{
	font-size: 0.75em;
}
  .container-header .mod-menu>li+li {
    margin-left: 0.5em;
}
}
@media (max-width: 880px) {
.container-header .metismenu.mod-menu .metismenu-item{
	font-size: 1em;
}
  .container-header .mod-menu>li+li {
    margin-left: 0.4em;
}
body {
  font-size: 0.9em;
  } 
h1{
  font-size: 1.25em;
  color: #8b0000;
}
h2{
  font-size: 1.25em;
}
h3{
  font-size: 1.2em;
}
h4{
  font-size: 1.15em;
}
h5{
  font-size: 1.025em;
}
h6{
  font-size: 1.025em;
  color: #8b0000;
}
}
@media (max-width: 768px) {
.container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0.5em;
}
}
@media (min-width: 768px) {
.container-header .mod-menu {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
}
}
@media (min-width: 600px) and (max-width: 700px) {
.footer .mod-list li {
	font-size: 0.8em;
}
}
@media (max-width: 599px) {
.footer .mod-list li {
    padding: 0 0.35em;
	font-size: 0.7em;
}
}
.awesomplete{
  max-width: 100%;
  border: 2px solid #8b0000;
  border-radius: 0.5em;
}
.container-sidebar-right .finder {
  display: none;
}
.advent {
  position: absolute;
  width: 900px;
  left:50%;
  transform: translate(-50%);
  overflow: scroll;
}
.container-top-a .card-body,
.container-top-a .card-body,
.card-body{
  margin:auto
}