This is CSS3 media query feature which is already used in base.css (for responsive design recommended by bootstrap). See here for browser support: http://caniuse.com/css-mediaqueries
It should be not a blocker for merge.