@media only screen and (min-width: 768px) {

    nav ul {
        display: flex;
    }
    
    nav ul li {
        flex: 1 1 100%;
    }
 
 nav button {
    display:none; 
}
nav ul.hide {
    display: flex;
}

.weathersummary{
    position: absolute;
    font-size: 15px; 
    margin-left: 15px; ;
    
}
}