html, body {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'ThunderBlack';
  src: url('/fonts/Thunder-BlackLC.woff2') format('woff2'), /* Modern Browsers */
       url('/fonts/Thunder-BlackLC.otf') format('opentype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

.landing-outer-wrapper {
  display: table;
  position: absolute;
  width: 100%;
  height: 100vh;
  background-color: black;
  background-size: cover;
  background-repeat: no-repeat;
}

.landing-inner-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.landing-centered {
  margin: 0 auto;
  width: 960px;
}

.landing-centered h1 {
  color: white;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.landing-centered h1 {
  margin: 0;
  text-transform: uppercase;
  font-family: 'ThunderBlack', sans-serif;
  font-weight: bolder;
  font-size: 9em;
}

  @media (max-width: 960px) {
    .landing-centered {
      width: 100%;
      height: 160px;
    }

    .landing-centered h1 {
      font-size: 4.5em;
    }
  }

  @media (max-width: 640px) {
    .landing-centered {
      width: 100%;
      height: 160px;
    }

    .landing-centered h1 {
      font-size: 3em;
    }
  }