Re-order breakpoints due to cascading.

Because these generate rules for the visual grid, they need to be defined in this order so they cascade correctly. Without this, when on a mobile-sized screen, you'd see 8 visual columns, even though there were only 4 being used.