@font-face {
    font-family: 'GoodTimes';
    src: url('/fonts/good_times_rg-webfont.eot');
    src: url('/fonts/good_times_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/good_times_rg-webfont.woff2') format('woff2'),
         url('/fonts/good_times_rg-webfont.woff') format('woff'),
         url('/fonts/good_times_rg-webfont.ttf') format('truetype'),
         url('/fonts/good_times_rg-webfont.svg#GoodTimes') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
  background-color: #000;
  color: #ccc;
  padding: 36px;
  font-size: 1.0em;
}
p, .bullets {
  width: 80%;
  margin: auto auto 24px;
  font-family: "Raleway",cursive;
  font-size: 1.2em;
}
h1, h2, h3, .mission {
  font-family: 'Kaushan Script', cursive;
  font-variant: small-caps;
  color: #a0d6b4;
}

a:visited {
    color: #317873;
}
a:link {
    color: #5f9ea0;
}
.mission {
  text-align: center;
  font-size: 1.5em;
}

.imagebox, .headertext, iframe {
  display: table;
  margin: auto auto 20px;
}
iframe {
  overflow: hidden !important;
}
.centered {
  text-align: center;
}
.indent {
  margin-left: 36px;
}
@media (max-width: 845px) {
  .focalimage-m {
    margin:auto;
    width: 100%                                                               ;
    border: 2px #696969 solid;
    box-shadow: 4px 4px 8px #999;
    border-radius: 20px;
  }
  .focalimage-d, .countdown-d {
    display: none !important;visibility:hidden !important;
  }
  .headertext a, .headertext a:visited, .headertext a:hover {
    font-size: 1em !important;
  }

  .navbar ul li {
    }
  iframe {
    width: 120% !important;
    margin-left: -10%;
  }
  .countdown-m {
    font-family: 'Kaushan Script', cursive;
    font-variant: normal !important;
    color: #a0d6b4;
    text-shadow: 1px 1px 8px #5f9ea0;
  }
}
@media (min-width: 846px) {
  .focalimage-d {
    width: 80%;
    margin:auto 10%;
    border: 2px #696969 solid;
    box-shadow: 4px 4px 8px #999;
    border-radius: 20px;
  }
  .headerbox-m,
    .focalimage-m, .headerbox-m {
      display: none !important;
    }
    .navbar ul li {
        display:inline;
        float:left;
      }
    .navbar {
      margin-bottom: 24px !important;
    }
    .countdown-d {margin-top: -48px}
}

.navbar {
  text-align: center;
  margin: auto;
  display: table;
}
.navbar ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
}

.navbar ul li a {
    display: inline-block;
    width: auto;
    padding: 20px;
    color: #a0d6b4;
    text-decoration: none;
}
.navbar ul li a:hover {
    display: inline-block;
    width: auto;
    padding: 20px;
    color: #a0d6b4;
    text-decoration: none;
}
.navlink {
  font-family: 'Kaushan Script', cursive;
  text-transform: uppercase;
  text-shadow: 1px 1px 8px #a0d6b4;
}
.navlink {
  background-color: #000;
  color: #a0d6b4;
}
.headertext {
  font-family: 'Kaushan Script', cursive;
  text-transform: lowercase !important;
  font-variant: normal !important;
  text-shadow: 1px 1px 8px #a0d6b4;
}
.headertext a, .headertext a:visited {
  font-size: 2em;
  text-decoration: none;
  color: #a0d6b4;
}
.headertext a:hover {
  font-size: 2em;
  text-decoration: none;
  color: #a0d6b4;
}
.registration {
  height: 1600px;
  width: 80%;
}
.marginalized {
  margin: 24px auto;
  text-align:center;
}
#headerbox {
   position: absolute;
   max-width="80%";
   margin: auto;
}
.present {
  text-transform: lowercase !important;
  font-variant: normal !important;
  font-family: 'Kaushan Script', cursive;
}
