По какой причине не работает media queries?

Question

[123]

Помогите разъяснить ситуацию, почему не работает (.menu, .main). Попытка сделать адаптивную страницу.

@media only screen and (max-width: 1258px) {
    .header h1 {
        font-size: 110%;
    }
    .menu {width: 100%;}
    .main {width: 100%;}
}

https://codepen.io/estkler/pen/KgyVZO

Answer 1

[Grigory S.]

media queries объявлен раньше, чем класс .menu
https://codepen.io/Grigory90/pen/KgyVAP