html, body {
    height: 100%;
}

body {
    color: #152a49;
    background-color: #fefeff;
    font-size: 1.1em;
}

.navbar {
    background-color: #faf4eb;
    border-bottom: 1px solid #354137;
}

.logo-img {
    margin-right: 1.5rem;
}

.navbar-brand {
    color: #354137 !important;
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
    text-align: left;
}

.nav-link {
    color: #354137 !important;
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3rem;
}

h1, .h1 {
    color: #354137;
    font-size: 2.2rem;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
}

h2, .h2 {
    color: #354137;
    font-size: 1.8rem;
}

h3, .h3 {
    color: #354137;
    font-size: 1.5rem;
}

.img-bordered {
    border: 1px solid lightgray;
}

.error {
    color: darkred;
}

a:link, a:visited {
    color: #3466B3;
    text-decoration: none;
}

a:hover, a:active {
    color: #214273;
    text-decoration: none;
}

footer {
    background-color: #fefeff;
    border-top: 1px solid #354137;
    border-bottom: 1px solid #354137;
}

.footer-pipe-separator > li:not(:last-child) > a:after {
  content: '';
  opacity: .5;
}

@media (min-width: 768px) {
    .footer-pipe-separator > li:not(:last-child) > a:after {
      content: '|';
      margin: 0 0.375rem;
      opacity: .5;
    }
}