.navbar {
    padding: 1px 0 1px 0 !important;
}

.navbar-toggler {
    border: 0 !important;
    color: white;
    padding: 0 !important;
}

    .navbar-toggler:focus {
        text-decoration: none;
        outline: none !important;
        box-shadow: none !important;
    }

.nav-link {
    width: 100%;
    position: relative !important;
    padding: 10px 10px 10px 10px !important;
    margin: 0 !important;
    color: #545657 !important;
    text-decoration: none !important;
    display: inline-block !important;
}

    .nav-link:hover {
        color: white !important;
    }

.nav-item {
    text-align: right;
}

    .nav-item.active > a.nav-link {
        background-color: #94948E !important;
        color: white !important;
    }

.shutter-out-horizontal {
    -webkit-transition: color 300ms;
    transition: color 300ms;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #94948E;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition: 300ms ease-out;
        transition: 300ms ease-out;
    }

    .shutter-out-horizontal:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

@media (min-width: 768px) {

/*    .nav-item {
        text-align: left !important;
    }*/

}

@media (min-width: 992px) {
    .nav-link {
        padding: 30px 20px 30px 20px !important;
    }
}

@media (min-width: 1200px) {
}