nav.main li a { margin-left: 0px; margin-right: 5px; padding-left: 5px; padding-right: 5px; }

nav.main li a:hover { border-bottom: 10px solid #6EC5FF; padding-bottom: 14px; margin-bottom: -20px; }

nav.subnav li a { margin-right: -1px; margin-left: 5px; padding-left: 5px; padding-right: 5px; }

nav.subnav li a:hover { border-top: 10px solid #6EC5FF; padding-top: 14px; margin-top: -20px; }

.index-hero { color: #222222; font-family: "Bebas Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; line-height: 0.8em; margin: 1.2em auto 0.5em auto; width: 4.5em; font-size: 3.0em; padding-left: 0.4em; }

@media (min-width: 48em) { .index-hero { margin: 1em auto 0.5em auto; font-size: 13vmin; } }

.mission { font-size: 1.0em; }

@media (min-width: 48em) { .mission { font-size: 3.5vmin; } }

.intro { font-size: 1.1em; margin-top: 1em; text-align: justify; padding: 0 1em; }

@media (min-width: 48em) { .intro { margin-top: 2em; font-size: 20pt; padding: 0 1em; } }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.5em; }

@media (max-width: 48em) { h1 { font-size: 2.7em; } h2 { font-size: 2.3em; } h3 { font-size: 2em; } }

h1.hero { font-size: 3em; margin: 1em 0 0.2em; }

@media (min-width: 48em) { h1.hero { font-size: 6.5em; margin: 0.4em 0 0.2em; } }

h2.hero { font-size: 2.5em; margin: 1em 0 0.2em; line-height: 0.9; }

@media (min-width: 48em) { h2.hero { font-size: 4.5em; margin: 3.5rem 0 1rem; } }

.upcase { font-size: 1.2em; }

/*# sourceMappingURL=ssl.css.map */