Abstract media queries and load separate stylesheet in IE8 and below

WIP, do not merge.

@gidsg: can we look at how we can perform a global visual regression testing?

![TP](http://i.imgur.com/WGqDnNq.gif)