@font-face { font-family: 'OpenSans';
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf')}

@font-face { font-family: 'OpenSans Bold';
    src: url('../fonts/OpenSans/OpenSans-Bold.ttf')}

@font-face { font-family: 'OpenSans Italic';
    src: url('../fonts/OpenSans/OpenSans-Italic.ttf')}

/* reset */
/* based on http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
	{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ul, ul li
	{ list-style: none; }
ol, ol li
	{ list-style: decimal inside; }
blockquote, q
	{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after
	{ content: ''; content: none; }

/* html5 blocks */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
	{ display: block; }

html
	{ height: 100%; }
body
	{ background: #fff; color: #353535; font-family: 'OpenSans', sans-serif; font-size: 100%; font-weight: 400; height: 100%; line-height: 1.0; text-align: center; }
strong,
b
	{  font-family: 'OpenSans Bold'; font-weight: 600; }
em,
i
	{ font-style: italic; }
img
	{ vertical-align: middle; }
::selection
	{ background: rgba(51,51,51,.51); color: #fff; }

/* logo */
#logo
    { }

/* header */
.header
	{  background-image: url("../images/AdobeStock_111263354.jpg"); background-position: top center; background-size: cover; height: 100vh; }
.header p
    { background: #017b2d; color: #fff; padding: .5em 20px; position: fixed; width: 100%; }
.header a,
.header a:hover,
.header a:focus,
.header a:active
    { color: #fff; text-decoration: none; }
.header:before,
.header:after
	{ content: ""; display: table; }
.header:after
	{ clear: both; }

/* content */
.content
	{ clear: both; line-height: 1.6; margin: 0 auto; padding: 1em 0; text-align: left; width: 900px; zoom: 1; }
.content:before,
.content:after
	{ content: ""; display: table; }
.content:after
	{ clear: both; }

.content h1
    { color: #017b2d; font-size: 2.75em; margin: 1em 20px; text-align: center; text-transform: uppercase; }
.home .content h1
    { border-bottom: 2px solid #fff; color: #fff; margin: -60vh 20px 50vh; text-shadow:  1px  1px 1px  rgba(71, 71, 71, .3), 1px -1px 1px rgba(71, 71, 71, .3), -1px  1px 1px rgba(71, 71, 71, .3), -1px -1px 1px rgba(71, 71, 71, .3); }
.content h2
	{ clear: both; font-size: 1.75em; margin: 2em 20px 1em; }
.content h3
    { font-size: 1.5em; margin: 2em 20px 1em; }
.content p,
.content ul
	{ font-size: 1.25em; margin: 1em 20px; text-align: left; }
.content p
    { clear: both; }
.content ul li
	{ padding-left: 12px; background: url(../images/dot-li.png) no-repeat 0 .65em; }
.content a
    { color: #017b2d; font-family: 'OpenSans Bold'; font-weight: 600; text-decoration: none; }
.content a:hover,
.content a:focus,
.content a:active
	{ text-decoration: underline; }

.imgrow
	{ background-attachment: fixed; background-position: top center; background-size: cover; border-bottom: 20px solid #017b2d; border-top: 20px solid #017b2d; height: 66vh; }
.imgrow:before,
.imgrow:after
	{ content: ""; display: table; }
.imgrow:after
	{ clear: both; }

.content p.button
    { text-align: center; }
.content p.button a
    { background: #017b2d; border-radius: 5px; color: #fff; font-family: 'OpenSans'!important; font-weight: 400; padding: .5em 20px; }
.content p.button a:hover,
.content p.button a:focus,
.content p.button a:active
    { text-decoration: none; }

/* footer */
.footer
	{ background: #353535; clear: both; color: #b7b7af; padding: 0; text-align: center; }
.footer p
	{ clear: both; line-height: 1.6; margin: 0 auto; padding: 3em 0;  text-align: right; width: 900px; zoom: 1; }
.footer:before,
.footer:after
	{ content: ""; display: table; }
.footer:after
	{ clear: both; }

.footer a
	{ color: #fff; display: inline-block; padding: .3em 20px; text-decoration: none; }
.footer a:hover,
.footer a:focus,
.footer a:active
	{ text-decoration: underline; }