* {
    margin: 0;
    padding: 0;
}    
    

article {
    font-family: 'Roboto', sans-serif;
    color: #2E2E2E;
    line-height: 130%;
    font-size: 16px;
    padding: 20px;

} 

    
    
    
    
@media screen and (min-width: 480px){
    header nav ul li{
        width: 80%;
    }
    menu{
        flex-direction: column;
    }
   
}

@media screen and (min-width: 767px){
   header nav ul li{
        width: 10%;
    }
}

@media screen and (min-width: 950px){
    header nav ul li{
        width: 60%;
    }

}