Used to align text on different screen sizes.

Note: `text-align-left` is an alias for `xs-text-align-left`, same for `right` and `center`.

#### Example

```js
<div className="display-paragraphs">
  <p className="text-align-left">
    <strong>
      text-align-left
      </strong>
  </p>
  <p className="text-align-center">
    <strong>
      text-align-center
    </strong>
  </p>
  <p className="text-align-right">
    <strong>
      text-align-right
    </strong>
  </p>
  <p className="xs-text-align-center sm-text-align-left">
    <strong>
      xs-text-align-center sm-text-align-left
    </strong> - centered on mobile, and left on larger screens
  </p>
</div>
```