.navbar-inverse .navbar-nav>li>a {
    color: white;
    padding: 10px 15px;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: white;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: white;
    border: none;
}

.navbar-inverse, .navbar-regular {
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 80px;
    background-image: url('../assets/logo.png');
}

.drink-menu .navbar-inverse {
    background-color: rgba(59,15,18,0.8);
    border: none;
}

@media (max-width: 1200px) {
    .navbar-inverse .navbar-nav>li>a {
        padding: 10px 10px;
    }
}
@media (max-width: 1100px) {
    .navbar-inverse .navbar-nav>li>a {
        padding: 10px 5px;
    }
}
@media (max-width: 1023px) {
    .socialnav{
        padding-left: 15px;
    }
    .navbar-inverse, .navbar-regular {
        background-image: none;
    }
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav>li>a {
        color: #fff;
    }
    .navbar-inverse .navbar-nav>li>a:hover {
        color:#fff;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
        color: #fff;
        background-color: transparent;
        border: 1px solid #fff;
    }
    .navbar-inverse, .navbar-regular {
        background-repeat: no-repeat;
        background-size: auto auto;
        height: auto;
        background-image: none;
    }
    .drink-menu .navbar-inverse {
        background-color: rgba(0,0,0,0.7);
        border: none;
    }
}