html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

html {
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 17px; }

a, a:active, a:visited {
  color: #BDB66C; }

h1 {
  color: #BDB66C;
  font-family: "Inknut Antiqua", serif;
  font-size: 30.20711px;
  line-height: 53.67469px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 1024px) {
    h1 {
      line-height: 71.54836px; } }

h2 {
  color: #BDB66C;
  font-family: "Inknut Antiqua", serif;
  text-align: center; }

h3 {
  color: #FFF;
  font-family: "Inknut Antiqua", serif;
  text-align: center; }

h4 {
  color: #FFF;
  font-family: "Inknut Antiqua", serif;
  text-align: center; }

.body-copy {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 30.20711px; }

.bold {
  font-weight: 500; }

.extra-bold {
  font-weight: 600; }

.extra-extra-bold {
  font-weight: 800; }

.italic {
  font-style: italic; }

.uppercase {
  text-transform: uppercase; }

.text-center {
  text-align: center; }

.absolute-center {
  left: 50%;
  position: absolute;
  transform: translateX(-50%); }

.gold {
  color: #BDB66C; }

.full-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-left: 0%; }
  .full-span:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .full-span:not(.no-mobile-padding) {
      padding-left: 3rem;
      padding-right: 3rem; } }

.sixth-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%; }
  .sixth-span:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .sixth-span {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .sixth-span:last-child {
        margin-right: 0; }
      .sixth-span:not(.no-mobile-padding) {
        padding-left: 3rem;
        padding-right: 3rem; } }

.fifth-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%; }
  .fifth-span:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .fifth-span {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .fifth-span:last-child {
        margin-right: 0; }
      .fifth-span:not(.no-mobile-padding) {
        padding-left: 3rem;
        padding-right: 3rem; } }

.quarter-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%; }
  .quarter-span:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .quarter-span {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .quarter-span:last-child {
        margin-right: 0; }
      .quarter-span:not(.no-mobile-padding) {
        padding-left: 3rem;
        padding-right: 3rem; } }

.third-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  .third-span:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .third-span {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .third-span:last-child {
        margin-right: 0; }
      .third-span:not(.no-mobile-padding) {
        padding-left: 3rem;
        padding-right: 3rem; } }

.half-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .half-span:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .half-span {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .half-span:last-child {
        margin-right: 0; }
      .half-span:not(.no-mobile-padding) {
        padding-left: 3rem;
        padding-right: 3rem; } }

.ten-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%; }
  .ten-span:last-child {
    margin-right: 0; }

.nine-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%; }
  .nine-span:last-child {
    margin-right: 0; }

.eight-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%; }
  .eight-span:last-child {
    margin-right: 0; }

.seven-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%; }
  .seven-span:last-child {
    margin-right: 0; }

.six-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .six-span:last-child {
    margin-right: 0; }

.five-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%; }
  .five-span:last-child {
    margin-right: 0; }

.four-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  .four-span:last-child {
    margin-right: 0; }

.two-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%; }
  .two-span:last-child {
    margin-right: 0; }

    @font-face {
      font-family: Whitney;
      font-style: light;
      font-weight: 300;
      src: url(https://discordapp.com/assets/16801bfdf51ed88e69bc90626a3ea436.woff)
        format("woff");
    }
    .link {
      text-decoration: none;
      color: #fff;
      font-family: "Whitney", sans-serif;
      font-size: 13px;
      opacity: 0.8;
      margin-right: auto;
      margin-left: auto;
      padding: 10px 20px;
      border: 2px solid #fff;
      border-radius: 100px;
    }
    
    .link:hover {
      opacity: 1;
    }

.one-span {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 6.17215%; }
  .one-span:last-child {
    margin-right: 0; }

.third-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  .third-span-center:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .third-span-center {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .third-span-center:last-child {
        margin-right: 0; }
      .third-span-center:not(.no-mobile-padding) {
        padding-left: 3rem;
        padding-right: 3rem; } }

.half-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .half-span-center:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .half-span-center {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .half-span-center:last-child {
        margin-right: 0; }
      .half-span-center:not(.no-mobile-padding) {
        padding-left: 3rem;
        padding-right: 3rem; } }

.ten-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 8.5298%; }
  .ten-span-center:last-child {
    margin-right: 0; }

.nine-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
  margin-left: 12.79471%; }
  .nine-span-center:last-child {
    margin-right: 0; }

.eight-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  margin-left: 17.05961%; }
  .eight-span-center:last-child {
    margin-right: 0; }

.seven-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-left: 21.32451%; }
  .seven-span-center:last-child {
    margin-right: 0; }

.six-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-left: 25.58941%; }
  .six-span-center:last-child {
    margin-right: 0; }

.five-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  margin-left: 29.85432%; }
  .five-span-center:last-child {
    margin-right: 0; }

.four-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-left: 34.11922%; }
  .four-span-center:last-child {
    margin-right: 0; }

.two-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%;
  margin-left: 42.64902%; }
  .two-span-center:last-child {
    margin-right: 0; }

.one-span-center {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 6.17215%;
  margin-left: 98.09275%; }
  .one-span-center:last-child {
    margin-right: 0; }

@media screen and (max-width: 1024px) {
  .full-span-mobile {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%; }
    .full-span-mobile:last-child {
      margin-right: 0; } }
  @media screen and (max-width: 1024px) and (max-width: 1024px) {
    .full-span-mobile:not(.no-mobile-padding) {
      padding-left: 3rem;
      padding-right: 3rem; } }

@media screen and (max-width: 1024px) {
  .half-span-mobile {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .half-span-mobile:last-child {
      margin-right: 0; } }
  @media screen and (max-width: 1024px) and (max-width: 1024px) {
    .half-span-mobile:not(.no-mobile-padding) {
      padding-left: 3rem;
      padding-right: 3rem; } }

@media screen and (max-width: 1024px) {
  .six-span-mobile {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    margin-left: 29.85432%; }
    .six-span-mobile:last-child {
      margin-right: 0; } }

.row {
  display: block; }
  .row::after {
    clear: both;
    content: "";
    display: table; }

.no-gutter {
  margin-right: 0; }

.pad-gutter {
  margin-right: 0;
  padding: 0 1.618em; }

.fill-parent {
  width: 100%; }

.no-float {
  float: initial; }

#top-bar {
  border-bottom: 1px solid #25242F;
  height: 70px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100; }
  #top-bar img {
    width: 200px; }
  #top-bar ul {
    list-style: none; }
    #top-bar ul li {
      color: #6B6B6B;
      display: inline-block;
      font-family: "Inknut Antiqua", serif;
      font-size: 17px;
      letter-spacing: 4px;
      text-transform: uppercase;
      width: calc( (90% / 5) - (200px / 5) - 5px); }
      #top-bar ul li:first-child {
        float: left;
        padding: 0 0 0 24px;
        width: 200px; }
        @media screen and (max-width: 1024px) {
          #top-bar ul li:first-child {
            display: block;
            float: initial;
            font-family: initial;
            margin: 0 auto; } }
      #top-bar ul li:not(:first-child) {
        padding: 9.56728px 0;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          #top-bar ul li:not(:first-child) {
            display: none; } }
      #top-bar ul li:nth-child(2) {
        margin-left: 24px; }
      #top-bar ul li:last-child {
        width: calc( (135% / 5) - (200px / 5) - 24px); }
      #top-bar ul li a {
        text-decoration: none;
        transition: color 0.5s; }
      #top-bar ul li a:hover {
        color: #FFF; }

#intro {
  padding-bottom: 22.661px; }
  @media screen and (max-width: 1024px) {
    #intro {
      margin-top: 0; } }
  #intro .header {
    margin: 22.661px 0; }
    #intro .header h1 {
      color: #000;
      font-size: 22.661px;
      font-weight: 800;
      line-height: 40.26608px; }
      @media screen and (max-width: 1024px) {
        #intro .header h1 {
          font-size: 22.661px;
          margin-bottom: 17px; } }
  #intro .video-wrapper {
    height: 0;
    margin-bottom: 22.661px 0;
    padding-top: 22.661px;
    padding-bottom: 56.25%;
    position: relative; }
    #intro .video-wrapper iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    @media screen and (max-width: 1024px) {
      #intro .video-wrapper {
        padding-top: 0; } }
  #intro #video-box {
    padding-top: 22.661px; }
    @media screen and (max-width: 1024px) {
      #intro #video-box {
        padding-top: 0; } }
  #intro .accolades {
    margin-top: 17px; }

#key-anim {
  color: #000;
  margin-bottom: 0;
  padding-bottom: calc(22.661px * 5); }
  @media screen and (max-width: 1024px) {
    #key-anim {
      padding-bottom: calc(22.661px * 3); }
      #key-anim .body-copy {
        font-size: 22.661px;
        line-height: 40.26608px; } }
  #key-anim #key-img {
    margin: 0 auto;
    max-width: 1280px; }
  #key-anim .body-copy {
    padding-top: 40px; }

#city-screenshot {
  margin-bottom: calc(22.661px * 3) auto; }

#thumbnails {
  margin-bottom: 169.46894px; }
  @media screen and (max-width: 1024px) {
    #thumbnails {
      margin-bottom: calc( 169.46894px / 2); } }
  #thumbnails h1 {
    margin-top: 169.46894px;
    margin-bottom: calc( 169.46894px / 2); }
    @media screen and (max-width: 1024px) {
      #thumbnails h1 {
        line-height: 53.67469px;
        margin-top: calc( 169.46894px / 2); } }
  #thumbnails .caption-copy {
    color: #FFF;
    font-style: italic;
    letter-spacing: 1px;
    padding: 40.26608px 0;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      #thumbnails .caption-copy {
        font-size: 22.661px;
        padding-bottom: 53.67469px;
        padding-top: 30.20711px;
        padding-left: 3rem;
        padding-right: 3rem; } }

#nm-header {
  margin-bottom: 40.26608px; }
  @media screen and (max-width: 1024px) {
    #nm-header h1 {
      font-size: 40.26608px; } }

#nm-mushroom img {
  display: block;
  height: 627px;
  width: 528px; }

#nm-mushroom #mushroom-left {
  float: right; }

#nm-mushroom #bg-left {
  background: #000;
  width: 50%; }

#nm-mushroom #bg-right {
  background: #E70061;
  width: 50%; }

#nm-mushroom #bg-left-img {
  background: url("../images/nm_mushroom_bgL.png");
  background-position: right;
  background-repeat: no-repeat;
  position: absolute;
  width: calc(50% - 528px);
  height: 627px; }

#nm-mushroom #bg-right-img {
  background: url("../images/nm_mushroom_bgR.png");
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  width: calc(50% - 528px);
  height: 627px; }

#nm-mushroom .body-copy {
  margin-top: 40.26608px; }
  #nm-mushroom .body-copy div {
    font-size: calc(17px * 1.125);
    font-style: italic;
    font-weight: 600;
    line-height: 30.20711px;
    margin-bottom: 22.661px; }

#nm-mushroom #about-nm-left {
  position: absolute;
  left: calc(50% - 528px); }
  #nm-mushroom #about-nm-left :nth-child(1) {
    width: 240px; }
  #nm-mushroom #about-nm-left :nth-child(2) {
    width: 290px; }
  #nm-mushroom #about-nm-left :nth-child(3) {
    width: 170px; }

#nm-mushroom #about-nm-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  right: calc(50% - 528px);
  text-align: right; }
  #nm-mushroom #about-nm-right :nth-child(1) {
    width: 260px; }
  #nm-mushroom #about-nm-right :nth-child(2) {
    width: 290px; }
  #nm-mushroom #about-nm-right :nth-child(3) {
    width: 170px; }

#nm-mushroom-mobile img {
  display: block; }

#nm-mushroom-mobile .nm-copy {
  color: #000;
  font-size: calc(17px * 1.125);
  font-style: italic;
  font-weight: 600;
  line-height: 30.20711px;
  padding-top: 30.20711px;
  padding-left: 22.661px;
  padding-right: 22.661px; }

#nm-mushroom-mobile #nm-mobile-copy-left {
  text-align: left; }

#nm-mushroom-mobile #nm-mobile-copy-right {
  text-align: right; }

#cast {
  padding-bottom: 127.13349px; }
  #cast img {
    display: block; }
  #cast #cast-header {
    background: url("../images/nm_mushroom_bottom.png");
    background-repeat: no-repeat;
    background-position-x: center; }
    @media screen and (max-width: 1024px) {
      #cast #cast-header {
        background: none; } }
    #cast #cast-header h1 {
      color: #000;
      border-bottom: 1px solid #000;
      display: table;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 9.56728px;
      padding-top: 225.9021px; }
      @media screen and (max-width: 1024px) {
        #cast #cast-header h1 {
          padding-top: 53.67469px; } }
    #cast #cast-header .cast-subheader {
      color: #000;
      font-size: 17px;
      font-weight: 800;
      text-align: center;
      text-transform: uppercase; }
  #cast .cast-group img {
    margin: 0 auto;
    max-width: 1100px; }
  #cast .cast-ui {
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-100%); }
    @media screen and (max-width: 1024px) {
      #cast .cast-ui {
        width: 100%;
        padding-left: 17px;
        padding-right: 17px; } }
    #cast .cast-ui button {
      -webkit-appearance: none;
      background: #111111;
      border-radius: 100px;
      box-shadow: none;
      border: none;
      cursor: pointer;
      color: #FFF;
      font-size: 12px;
      height: 40px;
      margin: auto 0;
      width: 40px;
      transition: background-color 0.5s; }
      #cast .cast-ui button:hover {
        background: #BDB66C; }
    #cast .cast-ui .cast-info {
      background-color: #111111;
      border-radius: 100px;
      margin: 0 17px;
      padding: 12.75319px;
      padding-bottom: calc(12.75319px - 2px);
      width: 500px; }
      @media screen and (max-width: 1024px) {
        #cast .cast-ui .cast-info {
          width: 100%; } }
      #cast .cast-ui .cast-info h2 {
        font-size: 22.661px;
        line-height: 30.20711px; }
        #cast .cast-ui .cast-info h2.first {
          font-weight: 800; }
      #cast .cast-ui .cast-info .cast-description {
        color: #C3C2B8;
        font-size: 12.75319px;
        text-align: center; }
  #cast .last-cast {
    margin-bottom: 40.26608px; }

#faq {
  margin-top: 40.26608px;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  #faq::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 1024px) {
    #faq .body-copy {
      font-size: 22.661px;
      line-height: 40.26608px; } }
  #faq .question {
    margin-top: calc( 95.37396px / 2);
    margin-bottom: calc( 95.37396px / 2); }
    #faq .question div {
      padding: 0 40.26608px;
      text-align: justify;
      text-align-last: center; }
      @media screen and (max-width: 1024px) {
        #faq .question div {
          text-align: left;
          text-align-last: left; } }
  #faq h1 {
    margin-bottom: 30.20711px; }
    @media screen and (max-width: 1024px) {
      #faq h1 {
        font-size: 30.20711px;
        line-height: 53.67469px; } }
  #faq #faq-title {
    content: url("../images/faq.png"); }
    @media screen and (max-width: 1024px) {
      #faq #faq-title {
        content: url("../images/faq_mobile.png"); } }
  #faq #faq-bottom-divider {
    content: url("../images/div.png"); }
    @media screen and (max-width: 1024px) {
      #faq #faq-bottom-divider {
        content: url("../images/div_mobile.png"); } }

#follow-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 71.54836px 30.20711px 95.37396px 30.20711px; }
  #follow-container::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 1024px) {
    #follow-container {
      padding-top: calc( 71.54836px / 1.25); } }
  #follow-container h1 {
    font-size: 53.67469px; }
  #follow-container h2 {
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase; }
  #follow-container #wishlist {
    padding-bottom: 95.37396px; }
    @media screen and (max-width: 1024px) {
      #follow-container #wishlist {
        font-size: 22.661px; } }
    #follow-container #wishlist img {
      display: block;
      margin: 0 auto;
      width: 100px; }
      @media screen and (max-width: 1024px) {
        #follow-container #wishlist img {
          width: 150px; } }
  #follow-container form {
    padding: 53.67469px 0; }
  #follow-container input:focus {
    outline: none; }
  #follow-container input#email {
    box-shadow: none;
    background: transparent;
    border: 1px solid rgba(195, 194, 184, 0.5);
    color: #FFF;
    font-size: 17px;
    font-family: "Open Sans", sans-serif;
    height: 95.37396px;
    letter-spacing: 1px;
    padding-left: 40.26608px;
    transition: border 0.5s;
    width: calc( 100% - 205px - 8px); }
    #follow-container input#email:focus, #follow-container input#email:not(:placeholder-shown) {
      border: 1px solid #FFF; }
    @media screen and (max-width: 1024px) {
      #follow-container input#email {
        border: 1px solid #FFF;
        font-size: 22.661px;
        height: 127.13349px;
        width: 100%; } }
  #follow-container input#submit {
    -webkit-appearance: none;
    background: #BDB66C;
    box-shadow: none;
    border: none;
    cursor: pointer;
    float: right;
    font-family: "Inknut Antiqua", serif;
    font-size: 22.661px;
    font-weight: 600;
    height: 95.37396px;
    padding: 0 40.26608px; }
    @media screen and (max-width: 1024px) {
      #follow-container input#submit {
        font-size: 40.26608px;
        height: 127.13349px;
        margin: 22.661px 0;
        margin-bottom: 40.26608px;
        width: 100%; } }
  #follow-container ul {
    list-style: none;
    text-align: center; }
    #follow-container ul li {
      display: inline-block;
      font-family: "Inknut Antiqua", serif;
      font-size: 22.661px;
      padding: 0 calc( 30.20711px / 2); }
      #follow-container ul li a {
        text-decoration: none; }
      @media screen and (max-width: 1024px) {
        #follow-container ul li {
          display: block;
          font-size: 30.20711px; }
          #follow-container ul li.social-divider {
            display: none; } }

html {
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 17px; }

a, a:active, a:visited {
  color: #BDB66C; }

h1 {
  color: #BDB66C;
  font-family: "Inknut Antiqua", serif;
  font-size: 30.20711px;
  line-height: 53.67469px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 1024px) {
    h1 {
      line-height: 71.54836px; } }

h2 {
  color: #BDB66C;
  font-family: "Inknut Antiqua", serif;
  text-align: center; }

h3 {
  color: #FFF;
  font-family: "Inknut Antiqua", serif;
  text-align: center; }

h4 {
  color: #FFF;
  font-family: "Inknut Antiqua", serif;
  text-align: center; }

.body-copy {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 30.20711px; }

.bold {
  font-weight: 500; }

.extra-bold {
  font-weight: 600; }

.extra-extra-bold {
  font-weight: 800; }

.italic {
  font-style: italic; }

.uppercase {
  text-transform: uppercase; }

.text-center {
  text-align: center; }

.absolute-center {
  left: 50%;
  position: absolute;
  transform: translateX(-50%); }

.gold {
  color: #BDB66C; }

#funding {
  margin-bottom: 53.67469px; }

#company-logos {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 53.67469px; }
  #company-logos::after {
    clear: both;
    content: "";
    display: table; }
  #company-logos .logo-img {
    display: block;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 71.54836px; }
    @media screen and (max-width: 1024px) {
      #company-logos .logo-img {
        max-width: 200px; } }
  #company-logos .logo-caption {
    color: #6B6B6B;
    font-size: 12.75319px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 22.661px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22.661px;
    text-align: center;
    width: 60%; }
    @media screen and (max-width: 1024px) {
      #company-logos .logo-caption {
        font-size: 22.661px;
        font-weight: 500;
        line-height: 30.20711px;
        width: 50%; } }
  #company-logos .logo-caption-wide {
    width: 90%; }
    @media screen and (max-width: 1024px) {
      #company-logos .logo-caption-wide {
        width: 60%; } }

#funding-logos {
  padding-bottom: 95.37396px; }
  #funding-logos img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85px; }
    @media screen and (max-width: 1024px) {
      #funding-logos img {
        width: 150px; } }
  #funding-logos #funding-header {
    color: #BDB66C;
    font-size: 12.75319px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 30.20711px; }
    @media screen and (max-width: 1024px) {
      #funding-logos #funding-header {
        font-size: 22.661px; } }

#inquiries {
  padding: 95.37396px 0; }
  @media screen and (max-width: 1024px) {
    #inquiries {
      padding: calc( 95.37396px * 1.5) 0; } }
  #inquiries h3 {
    font-size: 22.661px;
    line-height: 40.26608px; }
    @media screen and (max-width: 1024px) {
      #inquiries h3 {
        font-size: 30.20711px;
        line-height: 53.67469px; } }

footer {
  padding: 40.26608px 0;
  text-align: center; }
  footer a, footer span {
    font-size: 12.75319px;
    padding: 0 calc( 22.661px / 2); }
    @media screen and (max-width: 1024px) {
      footer a, footer span {
        font-size: 22.661px; } }

#privacy h1, #privacy h2, #privacy h3 {
  text-align: left; }

#privacy h2 {
  font-size: calc( 30.20711px * 0.8);
  line-height: 40.26608px; }

#privacy h3 {
  color: #BDB66C; }

#privacy div {
  padding: 12.75319px 0; }

#privacy .subsection {
  padding-left: 40.26608px; }

#privacy .address div {
  padding: 0; }

#kickstarter-section #kickstarter-logo {
  padding-top: 22.661px;
  padding-bottom: 40.26608px; }
  @media screen and (max-width: 1024px) {
    #kickstarter-section #kickstarter-logo {
      padding-top: 40.26608px;
      padding-bottom: 71.54836px; } }

#kickstarter-section .kickstarter-cta {
  padding-top: 30.20711px; }
  @media screen and (max-width: 1024px) {
    #kickstarter-section .kickstarter-cta {
      padding-top: 53.67469px; } }

#kickstarter-section .kickstarter-selector {
  padding-top: 22.661px;
  padding-bottom: 22.661px; }

#kickstarter-section form {
  text-align: center; }

#kickstarter-section select {
  font-size: 12.75319px;
  height: 30.20711px;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    #kickstarter-section select {
      height: 71.54836px; } }

#kickstarter-section input#paypal-button {
  -webkit-appearance: none;
  background: none;
  box-shadow: none;
  border: 6px solid #BDB66C;
  cursor: pointer;
  color: #BDB66C;
  font-family: "Open Sans", sans-serif;
  font-size: 22.661px;
  font-style: italic;
  height: 71.54836px;
  margin-bottom: 169.46894px;
  padding: 0 40.26608px;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    #kickstarter-section input#paypal-button {
      border: 10px solid #BDB66C;
      font-size: 40.26608px;
      height: 127.13349px;
      margin: 22.661px 0;
      margin-bottom: 127.13349px;
      width: 100%; } }

body {
  background: url("../images/bg_desktop.gif"); }
  @media screen and (max-width: 1024px) {
    body {
      background: url("../images/bg_mobile.gif"); } }

section {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }
  section::after {
    clear: both;
    content: "";
    display: table; }
  section.full-width {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    section.full-width::after {
      clear: both;
      content: "";
      display: table; }
  section img {
    width: 100%; }

#content {
  margin-top: 70px; }

#bg-container {
  background: url("../images/bg_desktop.gif");
  height: 100vw;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: -1; }
  @media screen and (max-width: 1024px) {
    #bg-container {
      background: url("../images/bg_mobile.gif"); } }

.bg-black {
  background-color: #000; }

.bg-gold {
  background-color: #CDC271; }

.bg-stars-white {
  background: url("../images/bg-white.gif"); }

.img-border {
  border: 1px solid #25242F; }

.img-block {
  display: block; }

img-comparison-slider {
  --divider-width: 10px;
  --divider-color: $bg-gold;
  width: 100%;
  color: #CDC271; }
  img-comparison-slider .handle {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    transition: transform 0.2s; }
  img-comparison-slider:hover .handle {
    transform: scale(1.2); }

.no-focus-outline:focus {
  outline: none !important; }

@media screen and (max-width: 1024px) {
  .hide-on-mobile {
    display: none; } }

.visible-mobile-only {
  display: none; }
  @media screen and (max-width: 1024px) {
    .visible-mobile-only {
      display: inherit; } }