@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
#navbar-top
{
    padding: 0 1rem;
}

#navbar-top.navbar-dark .nav-link:hover,
#navbar-top.navbar-dark .nav-link:focus
{
    color: rgba(255, 255, 255, .75);
}

#navbar-top.navbar-dark .nav-link
{
    color: rgba(255, 255, 255, .5);
}

#navbar-top.navbar-light .nav-link:hover,
#navbar-top.navbar-light .nav-link:focus
{
    color: rgba(0, 0, 0, .7);
}

#navbar-top.navbar-light .nav-link
{
    color: rgba(0, 0, 0, .5);
}

.navbar-brand .site-logo
{
    margin-right: 1rem;
}

@media (max-width: 33.9em)
{
    .navbar-toggleable-xs .navbar-nav .nav-item + .nav-item,
    .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item
    {
        float: none;

        margin-left: 0;
    }
}

@media (max-width: 47.9em)
{
    .navbar-toggleable-sm .navbar-nav .nav-item + .nav-item,
    .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item
    {
        float: none;

        margin-left: 0;
    }
}