<style>
      /* 0px up to 600 px */

      body{
        background-color: beige;
      }

      /* 600px up to 1080px */
      @media only screen and (min-width: 600px){
        body {
          background-color: blue;
        }
      }

      /* 1080px up to 1280 px */
      @media only screen and (min-width: 1080px){
        body {
          background-color: red;
        }
      }

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

    </style>