Rewrite examples to demo the different types of media queries

Perhaps it's just because I'm not a responsive wiz but it took me a while to figure out why my media queries weren't working w/ `minDeviceWidth` and `maxDeviceWidth`. My natural instinct was to resize the browser to see changes and I was confused why things we're working.
Shouldn't this just say tablet?