body {
    font-family: "Open Sans", Helvetica, sans-serif !important;
}

.navbar-nav {
    display: flex;
    flex-direction: row;
    padding-right: 20px;
    margin-bottom: 0;
    list-style: none;
}

.nav-item {
    padding-right: 20px;
}

.dark-brown-font {
    color: #806854;
}

.brown-font {
    color: #B39C7D;
}

.light-brown-font {
    color: #DBCDAD;
}

.beige-font {
    color: #FFF5CF;
}

.green-font {
    color: #A8BAA9;
}

.dark-brown-bg {
    background-color: #806854;
}

.brown-bg {
    background-color: #B39C7D;
}

.light-brown-bg {
    background-color: #DBCDAD;
}

.beige-bg {
    background-color: #FFF5CF;
}

.green-bg {
    background-color: #A8BAA9;
}

.std-btn {
    background-color: #806854;
    color: #FFF5CF;
}

.std-btn:active {
    border-color: #A8BAA9;
}

.card-text {
    min-height: 5em;
}

.social-icons a {
    font-size: 3em;
    color: #01084F;
    text-decoration: none;
    margin: 0 10px;
}

.social-icons a:hover {
    font-size: 3em;
    color: #01084F;
    text-decoration: underline;
    margin: 0 10px;
}

.section {
    padding-top: 2em;
    padding-bottom: 2em;
}

.fade-in {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}

.fade-in.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}