* {
    font-family: 'brandon-grotesque', sans-serif;
}

.ff-alt {
    font-family: 'pauline', sans-serif;
}

.navbar-brand img {
    height: 50px;
    margin-top: -10px;
}

@media (max-width: 779px) {
    .navbar-brand img {
        height: 40px;
        margin-top: 0;
    }
}

.navbar-nav .nav-link {
    font-size: 18px;
    text-transform: uppercase;
}

.navbar-transparent .navbar-nav .show>.nav-link,
.navbar-transparent .navbar-nav .active>.nav-link,
.navbar-transparent .navbar-nav .nav-link.show,
.navbar-transparent .navbar-nav .nav-link.active {
    font-weight: bold;
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

.text-blue {
    color: #00afe4 !important;
}

a.text-blue:hover,
a.text-blue:focus {
    color: #0088b1 !important;
}

.text-indigo {
    color: #5603ad !important;
}

a.text-indigo:hover,
a.text-indigo:focus {
    color: #3d027b !important;
}

.text-purple {
    color: #5e72e4 !important;
}

a.text-purple:hover,
a.text-purple:focus {
    color: #324cdd !important;
}

.text-pink {
    color: #f3748f !important;
}

a.text-pink:hover,
a.text-pink:focus {
    color: #ef4569 !important;
}

.text-red {
    color: #f5365c !important;
}

a.text-red:hover,
a.text-red:focus {
    color: #ec0c38 !important;
}

.text-orange {
    color: #fb6340 !important;
}

a.text-orange:hover,
a.text-orange:focus {
    color: #fa3a0e !important;
}

.text-yellow {
    color: #ffd600 !important;
}

a.text-yellow:hover,
a.text-yellow:focus {
    color: #ccab00 !important;
}

.text-green {
    color: #2dce89 !important;
}

a.text-green:hover,
a.text-green:focus {
    color: #24a46d !important;
}

.text-teal {
    color: #11cdef !important;
}

a.text-teal:hover,
a.text-teal:focus {
    color: #0da5c0 !important;
}

.text-cyan {
    color: #2bffc6 !important;
}

a.text-cyan:hover,
a.text-cyan:focus {
    color: #00f7b5 !important;
}

#article-content p,
#article-content i,
#article-content b,
#article-content strong,
#article-content a {
    font-family: neue-haas-unica, sans-serif !important;
}

#article-content p {
    font-size: 1rem;
}

#article-content h2 {
    font-family: 'brandon-grotesque', sans-serif !important;
    font-weight: 700;
    font-size: 1.7rem;
}

#article-content strong {
    font-weight: 600;
}

#article-content a {
    text-decoration: underline;
    font-weight: 400;
}