ul {
    z-index:1;
    list-style-type: none;
    width:100%;
    margin: 0;
    height:3.5em;
    overflow: hidden;
    background-color: #ededed;
    position:fixed;
    top:-0px;
}

ul a{
    color:black;
}

ul a:hover{
    cursor: pointer;
    text-decoration:none !important ;
    color:black !important;
}

ul a:visited{
    text-decoration:none !important;
}

ul a:link{
    text-decoration:none;
    color:black;
}

.logo {
    font-size: 1.5625em;
    font-weight: bold;
}


li {
    font-family: 'Roboto', sans-serif;
    float: left;
}

li a {
    display: block;
    font-size:0.7em;
    color: black;
    margin-right:0;
    margin-left:0;
    text-align: center;
    padding: 0.875em 1em;
    text-decoration: none;
}

.full{
    bottom:0.7em;
    right:2em;
    position:relative;
    display: block;
    font-size:1.2em;
    color: black;
    margin-right:0;
    margin-left:0;
    text-align: center;
    padding: 0.875em 1em;
    text-decoration: none;
    padding-right:0;

}


li a:hover:not(.active) {
    background-color: #ddd;
}



li a:hover, .dropdown:hover .dropbtn {
    background-color: #ddd;
}

li.dropdown {
    position:fixed;
    display: none;
    right:3em;
    top:0.5em;
    z-index: 4;
}

.dropdown-content {
    display: none;
    position:absolute;
    background-color: #f9f9f9;
    min-width: 10em;
    box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
    z-index: 4;
    right:0.1em;
}

.dropdown-content a {
    color: black;
    padding: 0.75em 1em;
    text-decoration: none;
    display: block;
    text-align: left;
    z-index: 4;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
    z-index: 4;
}

@media screen and (max-width: 800px) {

    li.dropdown {
        display: inline-block;
        float:right;
    }


    .full {
        display: none;
    }

    .active{
        display: none;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

}