Matching responsive scale between docs and code

I noticed that about half of the documented responsive scales weren't actually in the code (and the code had ct-square which wasn't in the documentation).

This is only fixed in the .scss and the yml. Not in the .css