Added media query breakpoints as variables

Added media query breakpoints as variables and changed media query ranges to be calculated from the breakpoint variables in em units.

This will allow users to easily change breakpoints using pixels while still maintaining the same em-based breakpoints.
This `1`, `1em` and calculations need to be a variable too for future.