body {
    background: #e9dbc5;
    font-family: "Nunito", sans-serif;
}

.blurb h2 {
   color: #EA1C2C;
   font-weight: 100;
   font-size: 2.5rem;
}

.blurb p {
    color: #292526;
    font-weight: 100;
    font-size: 1.2rem;
    line-height: 2;
    text-align: justify;
    text-justify: inter-word;
}

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

#mainNavbar {
    font-size: 1.4rem;
    font-weight: 100;    
}

#mainNavbar .nav-link {
    color: rgb(26, 24, 24);
}

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

#mainNavbar .navbar-brand {
    color: #EA1C2C;
    font-size: 1.5rem;
}


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

.navbar.scrolled {
    background: rgb(186,175,157);
    transition: background 500ms;
}

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

@media (max-width: 992px) {
    #mainNavbar {
        background: rgb(186,175,157);
        transition: background 500ms;    
    }
    h1 {
        font-size: 1.9rem;
    }
}

@media (max-width: 450px) {
    .thumbnail {
        margin-top: 45px;
    }
}
#cross {
    display: block;
}

.thumbnail {
    position: relative;
    display: inline-block;
}

#caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -85%, -50% ); 
    color: white;
}

.figure img {
    object-fit: scale-down;
    background: purple;
}