HTML/CSS | Задание 60

Здравствуйте! Вот такая проблема,сделал вроде все верно,в head прописал:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

в css:

/* css Mobile */

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

Но у меня все наоборот получилось,на компьютере цвет шапки сменился на #257965 (хотя должа быть в мобильной версии), а в мобильной версии остался изначальный цвет: background-color: darkslateblue;

Что не так делаю? подскажите.