body {
    background-color: #16356E;
    font-family: 'Bitter', serif;
}

.blurb h2 {
    font-family: "Fira Sans", sans-serif;
    color: #D6992A;
    font-weight: 100;
    font-size: 2.5rem;
}

.blurb p {
    color: #6393ed;
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 2;
}

.content {
    margin-top: 100px;
    margin-bottom: 100px;
}

.image {
    padding: 0px;
}

.gold {
    color: #D6992A;
}

#mainNavbar {
    font-family: "Fira Sans", sans-serif;
    font-size: 1.15rem;
    font-weight: 100;
}

#mainNavbar .nav-link {
    color: white;
}

#mainNavbar .nav-link:hover {
    color: #D6992A;
}

#mainNavbar .navbar-brand {
    color: #D6992A;
    font-size: 1.15rem;
}

#headingGroup span {
    color: #D6992A;
}

#headingGroup h1 {
    font-weight: 100;
    font-size: 4rem;
}

#header {
    background: url("imgs/header.jpg") center center / cover no-repeat;
}

#footer {
    background: url("imgs/footer.jpg") center center / cover no-repeat;
    margin-top: 2rem;
    margin-bottom: 0rem;
}

.outline_text {
    text-shadow: 0 0 2px #000000;
}

.logo {
    max-width: 20%;
    max-height: 20%;
}

.navbar.scrolled {
    background: #188026;
    transition: background 500ms;
    opacity: 0.9;
}

@media (max-width: 1200px) {
    #headingGroup h1 {
        font-weight: 100;
        font-size: 3rem;
    }
    .blurb h2 {
        font-size: 2rem;
    }
}