Typography
This is text with a class of "lead". The font used for lead text is ITC Slimbach.
Normal paragraph text looks like this. The font used for normal body text is Montserrat.
Bold applied to paragraph text looks like this
Headings (h2)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tristique a est quis porttitor. Duis efficitur mattis facilisis. Maecenas eu ultrices sapien, id sollicitudin leo. Nullam viverra sed odio vel maximus. Proin interdum pharetra suscipit. Praesent facilisis mollis risus, eget tempor enim elementum ac. Duis elementum rutrum pretium. Curabitur laoreet mattis orci et dignissim.
Heading using H3
Ut id ipsum ac lectus bibendum placerat. Sed nec augue viverra, varius urna non, consectetur lorem. Cras dictum ligula in leo gravida, vitae porta ipsum placerat. Phasellus ornare rutrum lorem. Mauris in tempor nibh. Vivamus ultrices, nulla quis vehicula tempor, dui nunc lacinia turpis, sed molestie ante augue nec diam. Fusce vitae velit maximus, dapibus mi vel, aliquet lectus.
Heading using H4
Aenean eget laoreet erat. Integer felis dolor, vehicula nec varius ut, luctus id lorem. Vestibulum maximus tincidunt libero, nec porta turpis efficitur ut. Quisque cursus sapien magna, in fringilla lectus varius dignissim. Fusce arcu lacus, tincidunt sed elit et, elementum tempus lorem. Morbi eu dui tellus. Maecenas id malesuada quam, ut porta purus.
Text Links
<p><a href="#">Text with links look like this</a></p>
Font Sizes
Smaller Text
Small Text
Normal Text
Large Text
Larger Text
<p class="text_smaller">Smaller Text </p>
<p class="text_small">Small Text </p>
<p>Normal Text</p>
<p class="text_large">Large Text </p>
<p class="text_larger">Larger Text </p>
Font Colors
Base Font Color: #53575A
Text - Primary: #004876
Text - Secondary: #9D958C
Text - Cooler: #1a7bc8
Text - Success: #989400
Text - Warmer:#D47E00
Text - Danger: #b94a48
<strong><p>Base Font Color: #53575A</p>
<p class="text_primary">Text - Primary: #004876</p>
<p class="text_secondary">Text - Secondary: #9D958C</p>
<p class="text_cooler">Text - Cooler: #1a7bc8</p>
<p class="text_success">Text - Success: #989400</p>
<p class="text_warmer">Text - Warmer:#D47E00</p>
<p class="text_danger">Text - Danger: #b94a48</p></strong>