/* ----- FONTS ----- */
@font-face {
    font-family: 'HelveticaThin';
    src: url('../fonts/helveticaneue-thin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaCondensedBold';
    src: url('../fonts/helveticaneue-condensedbold-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-condensedbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaExtraBold';
    src: url('../fonts/futura_condensed_extra_bold-webfont.woff2') format('woff2'),
         url('../fonts/futura_condensed_extra_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaMedium';
    src: url('../fonts/futura_condensed_medium-webfont.woff2') format('woff2'),
         url('../fonts/futura_condensed_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ----- GENERIC STYLING ----- */
html
{
	position: relative;
	min-height: 100%;
	font-size: 12px;
}

@media (min-width: 768px) { html { font-size: 12px; } }
@media (min-width: 992px) { html { font-size: 14px; } }
@media (min-width: 1200px) { html { font-size: 16px; } }

body
{
	line-height: 1.5;
	font-size: 1rem;
	margin-bottom: 100px;
	background: white;
    font-family: 'HelveticaThin', sans-serif;
	color: black;
}

h1 
{
	font-family: 'HelveticaCondensedBold', sans-serif;
	font-weight: 400;
	color: #043D10;
	margin-bottom: 20px;
	font-size: 2.75rem;
}

h2
{
	font-family: 'HelveticaCondensedBold', sans-serif;
	font-weight: 400;
	color: #043D10;
	margin-bottom: 20px;
}

.button
{
	border: 1px solid #043D10;
	padding: 10px 20px;
	font-size: 1.75rem;
	color: white;
	font-weight: 300;
	margin-top: 20px;
	display: inline-block;
	background: #043D10;
	text-align: center;
}

.button:hover
{
	background: white;
	color: #043D10;
	cursor: pointer;
}

.button.alt
{
	border: 1px solid #C19A23;
	background: #C19A23;
}

.button.alt:hover
{
	background: white;
	color: #C19A23;
}