/* ---------- Variables ---------- */
:root {
    --darkred: #8d1406;
    --lightgray: #e4e4e6;
    --deepnavy: #1c2942;
    --bluegray: #323e55;
    --gray: #9c9da0;
    --lightred: #b03130;

    --font-family: Century Gothic, sans-serif;
    --font-color: #000000;
}

/* ---------- Base ---------- */
body {
    margin: 0;
    font-family: var(--font-family);
    color: var(--font-color);
}

/* ---------- Utilities ---------- */
.extra-bold {
    font-weight: 900;
}

/* ---------- Images ---------- */
.responsive-img {
    max-width: 100%;
    height: auto;
}

.logo--fnmji {
    width: auto;
    height: 5em;
    vertical-align: middle;
}

.logo--fnmji-small {
    width: auto;
    height: 1.5em;
    vertical-align: middle;
}

/* Navigation */
.nav-links a {
    margin-left: 20px;
    text-decoration: none;
    color: var(--font-color);
}