nav {
background: white;
padding: 1.5vw 0 0 0;
margin-bottom: 15px;       
background-color: #f7f7f7;
width: 100%;
height: 5vw;
text-align: center;
/*justify-content: center;*/
list-style: none;
position: fixed;
z-index: 1;
}
li {
display: inline-block;
padding: 0;
/*width: 100%;*/
text-align: center;
float: left;
}
.main-navigation {
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
margin: 1vw 0;
padding: 0 5px;
color: #1f1e1e;
font-size: 0.9rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
/*    display: flex;*/
flex-wrap: wrap;
}
.main-navigation:hover {
color: #f80e04;   
}

.main-navigation__inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1350px;
margin: 0 10vw;
height: 2em;
 
}
.social-icon {
width: 20px;
}
ul>li {
    float: left;
width: 100%;
/*    width: 150px;*/
}
ul>li>ul {
    display: none;
    overflow: hidden;
/*    width: 100%;*/
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
}
 ul>li:hover>ul {
    position: absolute;
    display: block;
    z-index: 1;
    width: 10%;
}


@media(max-width: 1000px) {
    nav {
        width: 100vw;
        height: 6vw;
        margin: 0;
        text-align: left; 
    }
    ul {
        transform: translateX(-10%);
    }
    li {
        width: 15vw;
       float: left;
        
    }
    .main-navigation {
        padding: 0 3px;
        font-size: 0.6rem;
        letter-spacing: 0;
        left: 0;
        
    }   
    .main-navigation__inner {
        width: 100vw;
        height: 1em;
    }
 ul>li:hover>ul {
    position: absolute;
    display: block;
    z-index: 1;
    width: 10%;
     transform: translateX(10%);
}
        
}
@media(max-width: 500px) {
    nav {
        padding: 1.7vh 0 0 0;
        width: 100vw;
        height: 10vw;
        margin: 0;
        text-align: left; 
    }
    ul {
        
        transform: translateX(-16%);
    }
    li {
        width: 15vw;
       float: left;
        
    }
    .main-navigation {
        padding: 0 3px;
        font-size: 0.6rem;
        letter-spacing: 0;
        left: 0;
        
    }   
    .main-navigation__inner {
        width: 100vw;
        height: 1em;
    }
        
}