Use the new Range Syntax for CSS media queries (🟩 fully supported now)

[chrisblakley]

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Allows for more easily understandable media queries such as:

@media ( width <= 768px ){
    /* Do stuff on widths less than or equal to 768px */
}

@media ( 768px <= width <= 1200px ){
    /* Do stuff on widths in between 768px and 1200px (inclusive) */
}

https://caniuse.com/css-media-range-syntax

[chrisblakley]

This is now ready to be implemented into Nebula!