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.
Generally, speaking, why are you adding these presence checks? Is it to avoid the HTML from being written (like `%sup.phone-extension`)? Would it be wrong for the HTML to be output when the value is blank? If not, it would be much simpler and cleaner to get rid of all of these presence checks. As we had discussed earlier, and I think you agreed, it would be better for consistency to always show all fields, and perhaps have a placeholder value for when the value is blank.