@media (min-width: 768px) {
    #header
    {
        text-align: left;
    }

    #header .container
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #header .brand
    {
        width: 400px;
        margin: 0;
    }

    #header .details
    {
        margin: 0;
        flex: 1;
        text-align: right;
        display: flex;
        flex-direction: column;
        background-color: transparent;
    }

    #header .details .address
    {
        display: block;
    }














    #navigation .navbar-toggler
    {
        display: none;
    }


    #navigation .navbar-collapse
    {
        display: block;
    }

    #navigation ul.navbar-nav
    {
        display: flex;
        flex-direction: row;
    }

    #navigation ul.navbar-nav li
    {
        flex: 1 0 auto;
        position: relative;
    }

    /*
    #navigation ul.navbar-nav li::before
    {
        content: "\2022";
        position: absolute;
        left: -7.5px;
        color: #FFF;
        font-size: 2rem;
    }

    #navigation ul.navbar-nav li:first-of-type::before
    {
        display: none;
    }
    */

    #navigation ul.navbar-nav > li > a
    {
        color: #FFF;
    }

    #navigation ul.navbar-nav > li > a:hover
    {
        background-color: rgba(255, 255, 255, .1);
    }

    #navigation ul.navbar-nav > li.active > a
    {
        background-color: rgba(255, 255, 255, .2);
    }

    #navigation ul.navbar-nav > li > ul
    {
        width: 140%;
    }
}