медиазапросы игнорировали, следуя руководящим принципам MDN

Question

Я получаю очень расстроен этим ...

MDN пример медиа запросов:

@media (max-width: 600px) { 
    .facet_sidebar { 
    display: none; 
    } 
} 

Мой медиа-запрос:

@media (max-width: 1000px) { 
    .nav-content { 
    width: 90%; 
    margin-left: 5%; 
    } 
} 

Это не рабочий ...

Вещи, которые я проверил для:

• Запрос после заявления оригинал .nav-контента
• Класс является правильное название
• Правописание правильно

Оригинальный CSS

.nav-content { 
    width: 80%; 
    margin-left: 10%; 
    display: inline-block; 
} 

Вот ссылка на codepen : http://codepen.io/sbhenrichs/pen/ZOjyrm Но когда я сокращаю браузер до менее 1000 пикселей, ничего не происходит!

ПОМОГИТЕ

Answer 1

Вы это правило CSS в style тега внутри вашего (HTML) head:

.nav-content { 
    width: 75%; 
    margin-left: 12.5%; 
} 

Это переписывает правила во всех внешних таблиц стилей ...