FONT

Open Sans

COLORS

Dark Grey Text: #212529
Dark Grey Border: #212529
Mid Grey: #6B6B6B
Mid Grey Button: #6B6B6B
Light Grey Border: #CCCCCC
EnCirca Maroon: #830000
Text Links Maroon: #830000
Text Links Hover Maroon: #830000
Blue Tabs: #007BFF
Green in Switch and Special Buttons: #6ACC83
Red Special Button: #FE0000

/* LINK COLORS */

a:link {
color: #212529;
}
a:visited {
color: #212529;
}
a:hover {
color: #830000;
}
a:active {
color: #830000;
}

BOXES

/* BOX STYLES */

border: 1px solid #212529;
border-radius: 5px;

HEADER

/* HEADING LETTER SPACING */

h1, h2, h3, h4, h5, h6 {
letter-spacing: 0;
}

/* HEADER FONT SIZE DESKTOP */

h1 {
font-size: 32px;
line-height: 36px;
}

h2 {
font-size: 28px;
line-height: 32px;
}
h3 {
font-size: 26px;
line-height: 30px;
}

h4 {
font-size: 24px;
line-height: 28px;
}
h5 {
font-size: 22px;
line-height: 26px;
}

h6 {
font-size: 20px;
line-height: 24px;
}

body {
font-size: 16px;
line-height: 20px;
}

small-body {
font-size: 85%px;
line-height: 1.7em;
}

}

/* HEADER FONT SIZE MOBILE */

@media (max-width: 599px){
h1 {
font-size: 22px;
line-height: 24px;
}
h2 {
font-size: 20px;
line-height: 22px !important;
}
h3 {
font-size: 20px;
line-height: 22px;
}
h4 {
font-size: 18px;
line-height: 20px;
}
h5 {
font-size: 18px;
line-height: 20px;
}
h6 {
font-size: 18px;
line-height: 20px;
}

/* BUTTONS */
/* maroon no outline */

.button-marron {
background-color: #830000;
border: none;
border-radius: 3px;
color: #ffffff !important;
padding: 10px 36px;
text-align: center;
display: inline-block;
margin: 4px 2px;
}

/* maroon with outline */

.button-maroon-wo {
background-color: #830000;
border: 1px solid #FFFFFF;
border-radius: 3px;
color: #ffffff !important;
padding: 10px 36px;
text-align: center;
display: inline-block;
margin: 4px 2px;
}

/* grey */

.button-grey {
background-color: #6B6B6B;
border: none;
border-radius: 3px;
color: #ffffff !important;
padding: 10px 36px;
text-align: center;
display: inline-block;
margin: 4px 2px;
}