Typography

Headline 1 [ AvenirLight | 56px | 3.5rem ]

Headline 2 [ AvenirLight | 36px | 2.27rem ]

Headline 3 [ AvenirLight | 26px | 1.66rem ]

Headline 4 [ AvenirLight | 23.5px | 1.47rem ]

Headline 5 [ AvenirLight | 20px | 1.25rem ]
Headline 6 [ AvenirLight | 20px | 1.25rem ]

Headline 1 [ ITC-slimbach | 56px | 3.5rem ]

Headline 2 [ ITC-slimbach | 36px | 2.27rem ]

Headline 3 [ ITC-slimbach | 26px | 1.66rem ]

Headline 4 [ ITC-slimbach | 23.5px | 1.47rem ]

Headline 5 [ ITC-slimbach | 20px | 1.25rem ]
Headline 6 [ ITC-slimbach | 20px | 1.25rem ]

Paragraph [ AvenirLight | 17px | gray ]
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Non veritatis aliquid debitis quidem, quae doloremque fugiat velit facere voluptas laborum ullam, quis aut illum unde quisquam itaque totam! Quis dolores nesciunt accusantium sed aperiam, sint velit voluptate iure recusandae obcaecati exercitationem tempore veritatis ullam repudiandae neque ab, officia sit doloremque?

  • Checklist item one
  • Checklist item two
  • Checklist item three
  • Checklist item four
  • List item one
  • List item two
  • List item three
  • list item four

Buttons

btn / btn-tranparent btn-white btn-gold btn-blue btn btn-disabled btn-white btn-disabled btn-gold btn-disabled btn-blue btn-disabled

Colors

$blue
#084D8E
$gold
#FCB830
$white
#FFFFFF
$black
#000000
gray-dark
#333333
$gray
#6699BF
gray-medium
#636363
gray-light
#999999
gray-lightest
#e3e3e3

Background Patterns

bg-pattern-gold
bg-pattern-gray
bg-pattern-blue

Image Borders

sample image
sample image
sample image
sample image
sample image

Form Elements

Select fields use the chosen.js library to enhance functionality

Icons

Icon Color Options

Containers

container-inner-max [ max-width: 60rem | 960px ]

container-middle-max [ max-width: 70rem | 1120px ]

container-outer-max [ max-width: 80rem | 1280px ]