Почему не работает второй медиа запрос?

Проверял, не регается. "И надо писать media..." вот эту часть не понял, о чем ты?
Поковырялся сегодня еще и заметил, что при (max-width: 981px) все работает, если брать ниже, например 980px, то опять не видит этот запрос

На jsfiddl все работает хотя немного странно, запрос активируется при 782px. Но если просматривать в хроме, или опере, так же не фурычит

https://jsfiddle.net/Svenmark86/2bv1oyaf/1/

Почему не работает второй медиа запрос?

media screen and (max-width: 767px) {

}

Тоже пробовал, не помогает.