Курс HTML/CSS Задание 60. Не работает стиль css на мобильном просмотре.

При написании кода для мобильной версии стили CSS не подключаются.

Т.е. цвет header  как был darkslateblue, так при переходе на мобильную версию и остался. 

Также, ширина страницы, при переходе на мобильную версию, автоматически изменяется, а не остается за рамками, как показано на уроке.

Тег viewport на всех страницах прописан, также как в видео.

Подскажите, в чем может быть причина.

/* CSS Mobile */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

	.header {
		background-color: #3d8b46;
	}
}