@media only screen and (max-width: 600px) {
  /*body {background: red;}*/
}

@media only screen and (min-width: 600px) {
  /*body {background: green;}*/
}

@media only screen and (min-width: 768px) {
  /*body {background: blue;}*/
} 

@media only screen and (min-width: 992px) {
  /*body {background: orange;}*/
} 

@media only screen and (min-width: 1200px) {
  /*body {background: pink;}*/
}