Breakpoints

As explained in the responsive & breakpoints section, there are three breakpoints in the system. The text styles are only affected by two of them. The code below is all presented mobile-first. The code in the right column shows the full extent of the CSS for each text style, at breakpoint 2 (bp2), which is essentially mobile and tablet portrait. The CSS in the left column shows only what changes on desktop and breakpoint 1 (bp1), which are essentially desktop view down to tablet landscape.