sublime и media only screen

Шалом.

Занимаясь адаптивной версткой я захотел изменить цвет header, но написав код также как и на видеоуроке результата мне это не принесло. Цвет остался тем же. Поискал в интернете решение и нашел его, но ошибки тех людей состояли в том, что забывали пробелы перед and. В конечном счете, у них получался такой же код, как и у меня. Но при этом у них он работает, у меня же, нет.

Вообщем, вот сам код:

@media only screen
and (min-device-width 320px)
and (max-device-width 568px) {
  .header {
    background-color: #49945a;
  }
}

Но я кажется знаю в чем проблема.

(Сорян, не могу прилепить скриншот из-за ущербности этого редактора комментария)only и and обозначаются оранжевым цветом, в то время как media и screen фиолетовым. Проще говоря, sublime неправильно воспринимает этот код. А теперь вопрос: как это исправить? Заранее благодарствую.

P.S: Не только цвет, но и весь код в header и ниже не работает.