## Paragraphs

Paragraphs should follow a set distance between them. No additional classes are required.

```html
<p>A short paragraph.</p>
```

## Quotes

Wrap quotes in a `q` tag.

```html
<q>This is a quote</q>
```

## Strong

Strong tags identify text of importance. This will bold the text to visually denote this importance.
 
```html
Text that contains <strong>important information</strong>.
```

This can also be achieved with a helper class.

```html
This is <span class="text-strong">strong text</span>.
```

## Small

Use small to denote other 'sidenote' information or small print. Stylistically this should only make the text smaller.

```html
This is some information <small>(check this out for more info)</small>
```

This can also be achieved with a helper class.

```html
This is <span class="text-small">small text</span>.
```

## Lead Font

'Lead' could be another term for 'headline' text. Use this class to style a paragraph of important text. This text will appear
slightly larger than the default paragraph text.

```html
<span class="text-lead">This is some headline text to this document</span> 
```