Style Guide

Text Styles

At mobile breakpoint, reduce H1 size to 32px, reduce H2 to 24px, adjust Paragraph 1 to 16px (if necessary), and adjust Paragraph 3 to 18px or less (if necessary).

H1 is Source Sans 3 Black 35px, no scaling

H2 is Source Sans 3 Black 27px, no scaling

H3 is Source Sans 3 Black 18px, no scaling

H4 is Source Sans 3 Black 16px, no scaling

H5 is Source Sans 3 Black 16px, no scaling

H6 is Source Sans 3 Black 16px, no scaling

Paragraph 1 is San Source 3 Regular 18px, no scaling

Paragraph 2 is San Source 3 Regular 16px, no scaling

Paragraph 3 is San Source 3 Semi Bold 19px, no scaling, use this with H1 Hero Title

H1 Hero Title is Merriweather Black 35px, no scaling, change font manually

Paragraph 3 is San Source 3 Semi Bold 19px, no scaling, use this with H1 Hero Title

Colors

Section Style

In general, use the following for sections.

Size: Advanced sizing, use max width, width auto, height auto

Layout: For single column, single row sections set column 1 to min/max 0px/1ft, and row 1 to auto

Position: padding top and bottom 2% or 3%, padding left and right 2%

Unique Features

The site uses 2px horizontal line elements as top and/or bottom borders for some sections, notably in the header and footer. Some tips for positioning the line on the edge of the section.

The line is set to stretch so that it extends the full width
To position the line at the edge of a section with padding, select the line and set the margin to the same value as the padding for the section, but use a negative number; this allows the line to appear within the padding.