html,

body {

  height: 100%;

}

​

body {

  margin: 0;

}

​

​

/* Стили для мобильника */

.page-header {

  height: 100%;

  background-color: #96e;

​

  transition: background 0.5s;

}

​

.page-content {

  height: 1500px;

  background-color: #ea4;

}

​

​

/* Дальше стили для устройств пошире … */

​

@media (min-width: 450px) {

  .page-header {

    background-color: #ae3;

  }

}

​

/* и еще шире */

@media (min-width: 1000px) {

  .page-header {

    background-color: #2ae;

  }

}