Only set our ranges in the global _vars.scss

The media queries $small-up, $medium-up, etc.. are defined within the
foundations global.

Also $rem-base is already set to be 16px within the foundations globals.

I reordered the imports once more on the generator this should allow us
to override completely.