Media queries in variables.less instead of hardcoded vars

Also, renamed to semantic names the responsive files and grid vars.