Adding media queries breakpoints variables
Add maximum bounds variables for so our responsive utilities don't overlap
Use @font-size-... variables instead of hardcoded font-size in px