Title margins

The most controversial style is the v2-paragraph which needs to be applied to <p> tags in body copy to inherit the correct margins for body copy. We chose not to apply the styles to `.v2-copy p` because this breaks all the things… for example:

<div class=v2-copy>

<p>Some normal copy text</p>

<div class=card>
	<p class=card__desc>A description with specific margins (card might be a fixed height object) will have its margins overridden by `.v2-copy p` because it has a higher level of specificity (a class AND an element opposed to just a class)</p>
</div>

</div>

If we really don’t want to put v2-paragraph everywhere, then we’d need to be careful where we put v2-copy classes (atm they seem to be put round the body level) and have to manually apply copy styles (font family, weight and size) to `card`s. 

We don’t seem to have too much copy so it shouldn’t be too hard to add v2-paragraph as we’re creating pages

Thoughts?