Updates contacts details aside

- Fixes #411 - Adds contacts details section.
- Adds missing phone extension field.
- Updates dynamic VCR cassettes.
- Changes location[:field] syntax to location.field syntax.
- Moves home pages to the top and includes it in the general contact section.
The contacts could be an arbitrary number long, so better to have the
home page consistent at the top.
- Adds contact title test and enables contact name test.
- Fixes #416 - adds padding between numbers with departments, also
makes departments a smaller size and different color.

EDIT: phone extension was missing I meant, not fax department. Fax department I added a missing CSS class.
It'd be better to not include the HTML without content. It's potentially risky as it could theoretically pick up styles or be given default spacing by a browser, leading to blank spaces or extra line heights potentially. 

I agree with having a placeholder values (open an issue for that if you have a moment and feel like it), but on cursory thought I think do that for the big fields, not the individual components. That is, provide a placeholder for phone+extension+type together, but not phone and extension and type individually.