.navbar {
    width: 100%;
    height: auto;
    background-color: #527C08FF;
    overflow: auto;
    border-width: 0;
}

.nav-item {
    color: white;
    text-align: center;
    display: inline-block;
}

.nav-link {
    color: white;
}

.navbar-nav > li > a:hover {
    color: white;
    background-color: #83c20d;
}

.logo-bar:hover {
    background-color: #83c20d;
}

.active {
    background-color: brown;
}

.logo-bar {
    color: white;
    width: 7.5%;
    height: auto;
    padding: 0.5%;
    text-align: center;
    display: inline-block;
}