@media only screen and (min-width: 37.5em) {
header img {
width: 80px;
height: auto;
}

h1 {
font-size: 2.5rem;
}

.motto {
font-size: 1rem;
}


.navigation {
display: flex;
}
    
button {
display: none;
}

.navigation li{
display: block;
flex: 1 1 100%;
}

.weathersum {
position: absolute;
top: 10px;
left: 10px;
opacity: 0.8;
border-radius: 10px;
}

    
article {
display: flex;
}
#articlebox {
margin: 20px;
}

#contactbox {
display: flex;
flex-direction: row-reverse;
max-width: 1088px;
margin: 0 auto;
}

footer img {
margin-right: 20px;
margin-bottom: 20px;
}
}