.menu-item a {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 1.5em;
    color: #444444!important;
    font-weight: 500;
}

.menu-item a:hover {
    color: #b1975d!important;
}

.menu-item {
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-default .navbar-collapse {
    border: none;
}

.logo {
    margin-top: -20px; 
    width: 220px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #f8f8f8;
}

@media only screen and (max-width: 1200px) {
    .menu-item a {
        font-size: 1.3em;
    }
    
    .menu-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .logo {
        margin-top: -20px; 
        width: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .menu-item a {
        font-size: 1em;
    }
    
    .menu-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .logo {
        margin-top: -20px; 
        width: 100px;
    }
    
    .navbar-default .navbar-collapse {
        width: 100%;
        text-align: center;
    }
}