Media queries see viewport sizes!

Re-size this browser window to see how the design changes accordingly.

A viewport is the browser window. Media queries are able to see, among other properties, the width of the viewport, thus making it easy for us to style pages based on browser size.

Typical viewport sizes for mobile devise may be found here