/**************************************/
/******** CSS FOR NAVIGATION **********/
/**************************************/


nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #383838;
}

nav li {
    float: left;
    padding-right: 5px;
}

nav li:last-child {
    padding: 0px;
}

nav li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}

nav  a:hover {
    background-color: darkgrey;
}

nav a.active {
    background-color: #75a09f;
}

@media screen and (max-width: 600px){
    nav ul li.right, 
    nav ul li {
        float: none;
    }
}