Refactor SCSS (was "Foundation 4)

Upgrade to Foundation 4

I see this as a first step in refactoring the CSS to something more manageable. Seems to me the "mobile first" approach of Foundation is sensible for what we're trying to achieve also. 

Added all my SCSS refactoring in to this same PR.