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: 3em;
  padding-left: 0.4em;
}
@media (min-width: 48em) {
  .index-hero {
    margin: 1em auto 0.5em auto;
    font-size: 13vmin;
  }
}

.mission {
  font-size: 1em;
}
@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 */