Improvements to Media Queries

I have just added some improvements to how the media queries are called.

They now use a range. For example, if your mobile portrait is 320px and your mobile landscape is 568px then the media query is a range between 320px and 567px (568px -1).