html {
    background-color: #020202 !important;
}
h1,
h2,
h3 {
  text-transform: uppercase;
  font-weight: 10;
  font-size: 1.7em;
  margin: 0px 0px 0px;
  line-height: 1.4;
  letter-spacing: 3rem;
}
h2 {
  font-size: 1.7em;
}
h2:before {
  content: ' ';
  display: block;
  width: 60px;
  border-bottom: 5px solid #FFF;
  position: absolute;
  margin: -25px 0px 0px 0px;
}
h3 {
  font-size: 25px;
}
p {
  margin: 25px 0px;
}
.lead {
  font-size: 25px;
  margin: 0px 0px 0px;
  color: #76808f;
}
hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
body {
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'Montserrat', 'Helvetia Neue', sans-serif;
  font-weight: 100;
  font-size: 100%;
  line-height: 1.8;
  color: #ffffff;
  background-color: #0e1013;
  min-width: 320px;
}
#bg-canvas {
  margin: 0px;
  padding: 0px;
  border: 0px;
  position: fixed;
  z-index: 1;
}
/* Splash */
.splash {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  min-width: 320px;
}
.splash .centered-unit {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  margin-left: 12px;
  width: 100%;
  text-align: center;
}
.dud {
  color: #a1a1a1 !important;
}

/* Media Queries */
@media only screen and (max-width: 768px) {
  h1,
  h2,
  h3 {
      font-size: 1.6em;
      letter-spacing: 1.5rem;
  }
  h2:before {
      width: 40px;
      margin: -20px 0 0 0;
  }
  h3 {
      font-size: 20px;
  }
  .lead {
      font-size: 20px;
  }
}