Адаптивная верстка урок 60

Все сделал как на видио. На всех страницах ниже utf-8 прописал viewport.

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1/0">

В style.css все как на видио

/* css Mobile */

 

 

@media only screen

and (min-device-width : 320px;)

and (max-device-width : 568px;) {

 

.header {

 

background-color: #3a7970;

min-width: 100%;

height: 20%;

text-align: center;

 

}

}    Тем не менее не адаптируется под мобилу, все сохранял как положено, друзья может кто объяснит в чем может быть загвоздка???