body {
width: 100%;
font-family: "Nobile", "Open Sans", Helvetica, Arial, sans-serif;
font-size: 1em;
color: #808080;
margin: 0;
padding: 0;
border: 0;
}

img {
border: 0;
margin: 0;
padding: 0;
}

h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 2.5em;
}

h2 {
color: #505050;
margin-top: 2em;
margin-bottom: 0.5em;
font-size: 1.5em;
}

h3 {
color: #909090;
font-size: 2.75em;
font-weight: bold;
text-decoration: none;
margin: 0;
margin-bottom: 0.25em;
}

h4  {
color: #909090;
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
margin: 0;
margin-top: 1em;
margin-bottom: 0.5em;
}

h5  {
color: #505050;
font-size: 1.25em;
font-weight: bold;
text-decoration: none;
margin: 0 0 1em 0;
}

p {
margin: 0 0 2em 0;
}

.footer-text {
color: #f0f0f0;
}

.menu-button {
float: left;
color: #505050;
height: auto;
font-weight: bold;
padding-top: 0.5em;
padding-left: 0.25em;
padding-right: 0.25em;
padding-bottom: 0.5em;
text-decoration: underline;
}

.menu-slicer {
float: left;
color: #909090;
height: auto;
padding-top: 0.5em;
padding-left: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.5em;
}

.menu-clear {
float: left;
clear: both;
height: 0.8em;
}

a:link {
color: #008c92;
}

a:visited {
color: #005357;
}

/* make videos shrink automatically */
@media screen and (max-width: 750px) {
iframe {
max-width: 100% !important;
width: auto !important;
height: auto !important;
}

}