Всё равно не работает.
Пробовал следующий эксперимент: стили вставлял в head (HTML):
<style>
body, html{width: 100%; height: 100%; margin: 0}
.wrapper{width:940px; height:100%; margin: 0 auto}
.conteiner, .conteiner2{width:940px; height:50%; margin: 0 auto}
.conteiner{background: black}
.conteiner2{background: green}
@media screen and (max-width: 1080px) {
.conteiner2 {width: 850px; height: 100%; background: blue}
}
</style>
Итог: сработало. Правда с небольшим косяком (как линия появилась). Но это не выход пихать все медиазапросы в вверх страницы.
Не работает: в CSS всё равно не работает. Перепробовал чуть ли не все возможные селекторы. Вставлял и вверх и вниз. Не работает.