Style Information

Font Family: Montserrat
Base Font Size: 17px
All other font sizes (e.g. for headings) are specified in REM units - a relative font size. So, h1 elements are 2.5rem or 2.5x17px for approximately 43px.
Font Weights: 300, 400, 700

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

"This is a team member quote - these boxes have white text as their default and both the quote and citation text color can be changed from the settings panel for this field. This field does not include a photo of the team member."

Team Member Title Department
Team Member Name Title Department

Text Color Styles

There are a number of text-color classes that can be used to override the default text color.

  • text-navy
  • text-azure
  • text-green
  • text-light-green
  • text-dark-gray
  • text-medium-gray
  • text-white
Must be 8-20 characters long.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, odio nec aliquet porttitor, tellus arcu rhoncus sem, nec ornare velit lorem et magna. Pellentesque vestibulum ante sit amet urna feugiat elementum. Nullam nec turpis eget odio consectetur commodo. Donec vulputate non erat vel feugiat. Maecenas eget lorem vel libero maximus laoreet quis sed tortor. Aliquam est felis, efficitur ut neque sed, convallis facilisis est. Duis nec arcu eros. Nullam ligula risus, tristique id molestie sed, molestie vestibulum mauris. Fusce quis hendrerit sapien, eu semper velit. Sed vitae turpis laoreet, dignissim sapien a, imperdiet risus. Etiam aliquam enim diam, et fringilla lorem ultricies vitae. Sed vestibulum pharetra tellus ut mollis.

Suspendisse potenti. Ut vehicula ac lacus quis sagittis. Vivamus vulputate enim nec quam posuere, et euismod elit molestie. Quisque est mauris, sodales condimentum odio in, rutrum semper ligula. Pellentesque felis neque, interdum eget tellus a, bibendum bibendum est. Nulla nec tincidunt nunc, porttitor euismod ex. Pellentesque at ipsum vitae lacus posuere pellentesque. Ut non tortor orci. Fusce faucibus, odio vel lobortis elementum, felis ante tristique ligula, id blandit leo sapien eget neque. Praesent ac nibh a erat ullamcorper posuere eu id tortor. Vestibulum fermentum nisi justo, id tristique lectus varius rutrum. Nam eu est semper, condimentum nulla id, mollis diam. Morbi non ultricies orci, a eleifend nisi. Duis elementum nulla eget mi placerat commodo.