Add the most flexible media queries

Add mixin for more flexible media queries with cross-browser
resolutions. Move media queries variables from _global.scss
to _mediaqueries.scss. Include _mediaqueries.scss to foundation.scss.