Site Colors

rgb(48, 50, 69)
hex #303245

rgb(148, 181, 96)
hex #94b560

rgb(83, 103, 169)
hex #5367a9

Hover: rgb(137, 178, 206)
hex #89b2ce

Site Fonts -Font Families

font-family: Oswald, sans-serif;

The ont-family: Oswald, sans-serif; is used for the H1, H2, H3, H4, H5, H6 and the body copy on this site. on this site.

The list is prioritized from left to right: it will use the first value if it's available, or go to the next one, until the end of the list is reached. The default font family is defined by the browser preferences.

In this example, the browser will try to use Oswald if it's available. If it can't find it, it will try to use anothersan-serif font.

H1 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H2 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H3 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H4 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H5 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H6 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

p - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

p > bold - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

p > italic - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

a href - this is a link

a href > bold - this is a bold link

Phone Number Link: 888-888-888

Email Link: test email

TEXT WITH PAGE CONTENT TEXT DIV - Lorem ipsum dolor sit amet, consetetur sadipscing elitr. ed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Blockquote - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bulleted List - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Item 1
Item 2
Item 3
- Item 3a
- Item 3b
- Item 3c
  - Item 3a I
  - Item 3a II
  - Item 3a III

Numbered List - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Item 1
Item 2
Item 3
1. Item 3a
2. Item 3b
3. Item 3c
  1. Item 3a I
  2. Item 3a II
  3. Item 3a III

Element ID = btn

Element ID = btn-2

Element ID = btn-3