.top-row {
    height: 4rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand {
    font-size: 1rem;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .navbar-brand .logo {
        max-width: 50px;
    }


@media(min-width:992px) {
    .navbar-brand .logo {
        max-width: 100px;
    }
}



.navbar-nav .dropdown-menu {
    min-width: 15rem;
}

.nav-item {
    font-size: 1rem;
}


    .nav-item ::deep a {
        color: #333;
        border-radius: 4px;
        /*height: 3rem;*/
        display: flex;
        align-items: center;
        /*line-height: 3rem;*/
    }

        .nav-item ::deep a.active {
            /*background-color: rgba(255,255,255,0.25);*/
            color: #fff;
        }

        .nav-item ::deep a:hover {
            background-color: rgba(255,255,255,0.1);
            color: #cc3333;
        }

@media (max-width: 641px) {
    .navbar-brand .logo {
        display: none;
    }
}

@media(min-width:760px) {
    .navbar-brand {
        font-size: 1.3rem;
    }
}