Styleguide

Please reference the list below whenever you’re creating new images for your site. You should find a size for all possible images you’ll need/use.

Image Sizes

• Home Hero: 1600px × 615px
• Interior Header Image: 1600px × 425px
• 3 Across: 600px × 290px (recommended)
• Full-Width BG Image Page Block: 1600px × 445px
• Video/Image Page Block: 650px × 425px
• Sidebar Images/Video: 600px × Any Height
• Bio Image: 600px × 600px
• News Featured + Detail: 600px × 560px
• Gallery Block: 750px × 480px
• Footer Logos: 600px × 180px

Font Specifics

• H1 – Roboto Condensed, Bold • 60px/65px • Color: #262823 • Margin: 0 0 25px
• Tablet: H1 – • 40px/45px • Margin: 0 0 20px
• Mobile: H1 – • 30px/35px
• H2 – Roboto Condensed, Bold • 45px/45px • Color: #262823 • Margin: 0 0 25px
• Tablet: H2 – • 30px/35px • Margin: 0 0 10px
• Mobile: H2 – • 25px/29px • Margin: 0 0 10px
• H3 – Roboto Condensed, Bold, ALL CAPS • 34px/40px • Color: #262823 • Letter-Spacing: 100px • Margin: 5px 0 10px
• Tablet: H3 – • 23px/29px • Margin: 5px 0 10px
• H4 – Roboto Condensed, 400 • 25px/35px • Color: #b3b3b3 • Margin: 0 0 25px
• Tablet: H4 – • 22px/30px
• Mobile: H4 – • 20px/28px
• H5 – Roboto Condensed, Bold • 25px/25px • Color: #262823 • Margin: 0 0 5px
• Tablet: H5 – • 18px/25px
• H6 – Roboto Condensed, Bold, ALL CAPS • 18px/25px • Color: #262823
• Tablet: H6 – • 14px/21px
• Block Quote – Roboto Condensed, 400 • 27px/45px • Color: #0e5940 • Margin: 20px 30px 25px 35px
• Tablet: Block Quote – • /38px
• Mobile: Block Quote – • 22px/38px • Margin: 30px 0 25px
• Paragraph Text – Arial, 400 • 15px/25px • Color: #555555 • Margin: 0 0 25px

Site Color Values