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: #C3C2B8;
  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: #C3C2B8;
  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; }

.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: 1.35765%;
  width: 15.64100%; }
  .quarter-span:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .sixth-span {
      float: left;
      display: block;
      margin-right: 1.35765%;
      width: 100%;
      padding-left: 3rem;
      padding-right: 3rem; }
      .sixth-span:last-child {
        margin-right: 0; } }

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

.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%;
      padding-left: 3rem;
      padding-right: 3rem; }
      .quarter-span:last-child {
        margin-right: 0; } }

.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%;
      padding-left: 3rem;
      padding-right: 3rem; }
      .third-span:last-child {
        margin-right: 0; } }

.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%;
      padding-left: 3rem;
      padding-right: 3rem; }
      .half-span:last-child {
        margin-right: 0; } }

.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; }

.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%;
  margin-left: 4.2649%; }
  .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%;
      padding-left: 3rem;
      padding-right: 3rem; }
      .third-span-center:last-child {
        margin-right: 0; } }

.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%;
      padding-left: 3rem;
      padding-right: 3rem; }
      .half-span-center:last-child {
        margin-right: 0; } }

.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) {
  .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: block; }

.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: #6C6C6C;
      display: inline-block;
      font-family: "Inknut Antiqua", serif;
      font-size: 17px;
      letter-spacing: 4px;
      text-transform: uppercase;
      width: calc( ( 100% / 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: 12.661px 0;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          #top-bar ul li:not(:first-child) {
            display: none; } }
      #top-bar ul li a {
        text-decoration: none;
        transition: color 0.5s; }
      #top-bar ul li a:hover {
        color: #C3C2B8; }

#intro {
  margin: 71.54836px auto 12px auto; }
  @media screen and (max-width: 1024px) {
    #intro {
      margin-top: 0; } }
  #intro .header {
    margin: 32px 0; }
    #intro .header h1 {
      font-size: 24px;
      line-height: 34px; }
  #intro .video-wrapper {
    height: 0;
    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 {
        margin-top: 0; } }

#buy-it {
  }
  #buy-it h4 {
    padding: 8px 0; } 
  #buy-it ul {
    list-style: none; }
    #buy-it ul li {
      display: inline-block;
      width: 32%; }
      #buy-it ul li img {
        padding: 0 6px; }

#busk {
  padding-top: 12px; }

#triangle {
  margin: 71.54836px 0;
  margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    #triangle .body-copy {
      font-size: 22.661px;
      line-height: 53.67469px; } }
  #triangle div {
    margin: 0 auto;
    width: 900px; }

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

#big-bang-header {
  margin: 95.37396px auto;
  padding-top: 40.26608px;
  width: 700px; }

#bigbang-container {
  max-height: 507px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 1920px) {
    #bigbang-container {
      max-width: 1920px;
      margin-left: auto;
      margin-right: auto; }
      #bigbang-container::after {
        clear: both;
        content: "";
        display: block; } }
  @media screen and (min-width: 1920px) {
    #bigbang-container {
      height: 507px; } }
  #bigbang-container #bigbang-side-L {
    width: calc( ( ( 100% - 1920px ) / 2 ) + 2px); }
    @media screen and (max-width: 1920px) {
      #bigbang-container #bigbang-side-L {
        display: none; } }
  #bigbang-container #bigbang-side-R {
    left: 1912px;
    position: relative;
    width: calc( ( ( 100% - 1920px ) / 2 ) + 2px); }
    @media screen and (max-width: 1920px) {
      #bigbang-container #bigbang-side-R {
        display: none; } }
  #bigbang-container #bigbang-hero {
    max-width: 1920px; }
    @media screen and (min-width: 1920px) {
      #bigbang-container #bigbang-hero {
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        max-height: 507px; } }
    @media screen and (max-width: 1920px) {
      #bigbang-container #bigbang-hero {
        width: 100%; } }
  #bigbang-container .bigbang-text {
    color: #BDB66C;
    left: 50%;
    letter-spacing: 0.5px;
    line-height: 22.661px;
    position: absolute;
    top: 41.5%;
    width: 21%; }
    @media screen and (max-width: 1440px) {
      #bigbang-container .bigbang-text {
        font-size: 0.8125rem; } }
    @media screen and (max-width: 1280px) {
      #bigbang-container .bigbang-text {
        font-size: 0.75rem; } }
  #bigbang-container #bigbang-text-L {
    max-width: 415px;
    transform: translateX(-50%) translateX(-78%); }
    @media screen and (max-width: 1920px) {
      #bigbang-container #bigbang-text-L {
        transform: translateX(-50%) translateX(-80%); } }
  #bigbang-container #bigbang-text-R {
    max-width: 375px;
    transform: translateX(-50%) translateX(94%); }
    @media screen and (max-width: 1920px) {
      #bigbang-container #bigbang-text-R {
        transform: translateX(-50%) translateX(91%); } }

.bigbang-thumbnails {
  margin-left: auto;
  margin-right: auto;
  margin-top: calc( 95.37396px / 2);
  position: relative; }
  .bigbang-thumbnails .bigbang-thumbnails-container {
    margin: 0 calc( 95.37396px / 2); }
  .bigbang-thumbnails .inner-caption {
    position: relative;
    top: -6vw;
    width: 100%; }
    @media screen and (max-width: 1920px) {
      .bigbang-thumbnails .inner-caption {
        top: -6.5vw; } }
    @media screen and (max-width: 1600px) {
      .bigbang-thumbnails .inner-caption h1 {
        font-size: calc( 40.26608px / 2);
        line-height: 2rem; } }
    .bigbang-thumbnails .inner-caption p {
      color: #BDB66C;
      text-align: center; }
      @media screen and (max-width: 1600px) {
        .bigbang-thumbnails .inner-caption p {
          font-size: 0.875rem; } }
      @media screen and (max-width: 1440px) {
        .bigbang-thumbnails .inner-caption p {
          font-size: 0.75rem; } }

#teaser {
  background: #c3c2b8;
  padding-top: 30.20711px;
  padding-bottom: 30.20711px; }
  #teaser a:active, #teaser a:link, #teaser a:visited {
    color: #000; }

#thumbnails {
  margin: 169.46894px auto; }
  #thumbnails h1 {
    margin-bottom: calc( 169.46894px / 2); }
    @media screen and (max-width: 1024px) {
      #thumbnails h1 {
        font-size: 40.26608px; } }
  #thumbnails .caption-copy {
    color: #BDB66C;
    font-style: italic;
    letter-spacing: 1px;
    padding: 40.26608px 0;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      #thumbnails .caption-copy {
        padding: calc( 40.26608px * 1.5) 0 calc( 40.26608px * 2.5) 0;
        font-size: 22.661px; } }

#seeding-screenshot {
  margin: 169.46894px auto; }

#cast-header {
  margin-bottom: 40.26608px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 225.9021px;
  max-width: 720px; }
  @media screen and (max-width: 700px) {
    #cast-header {
      max-width: 460px; } }
  @media screen and (max-width: 1024px) {
    #cast-header h1 {
      font-size: 40.26608px; } }

#cast-container {
  background: url("img/cast-black-bg.png");
  background-position-y: bottom;
  background-repeat: repeat-x;
  background-size: contain;
  padding-bottom: 64px;
  position: relative;
  /*#char-A { transform: translateX(-50%) translateX(-60%); }*/
  /*#char-B { transform: translateX(-50%) translateX(-20%); }*/
  /*#char-C { transform: translateX(-50%) translateX(+20%); }*/
  /*#char-D { transform: translateX(-50%) translateX(+60%); }*/ }
  #cast-container .cast-background {
    position: absolute; }
    #cast-container .cast-background img {
      height: 450px;
      width: auto; }
    #cast-container .cast-background#cast-background-R {
      right: 0px; }
  #cast-container .char {
    left: 50%;
    position: absolute;
    top: 0;
    z-index: 1; }
    #cast-container .char img {
      min-width: 400px;
      min-height: 400px; }
      @media screen and (max-width: 1024px) {
        #cast-container .char img {
          min-width: 640px;
          min-height: 640px; } }
    #cast-container .char div {
      position: relative;
      top: -118px; }
      #cast-container .char div h2 {
        color: #BDB66C;
        font-size: 22.661px; }
      #cast-container .char div p {
        font-style: italic;
        margin: 0 auto;
        text-align: center;
        width: 40%; }
        @media screen and (max-width: 1024px) {
          #cast-container .char div p {
            display: none; } }
    #cast-container .char:first-child div p {
      width: 32%; }
  #cast-container #char-A {
    transform: translateX(-50%) translateX(-40%); }
  #cast-container #char-B {
    transform: translateX(-50%) translateX(0%); }
  #cast-container #char-D {
    transform: translateX(-50%) translateX(40%); }
  @media screen and (max-width: 1024px) {
    #cast-container {
      /*#char-A { transform: translateX(-50%) translateX(-46%); }*/
      /*#char-B { transform: translateX(-50%) translateX(-18%); }*/
      /*#char-C { transform: translateX(-50%) translateX(+16%); }*/
      /*#char-D { transform: translateX(-50%) translateX(+48%); }*/ }
      #cast-container #char-A {
        transform: translateX(-50%) translateX(-30%); }
      #cast-container #char-B {
        transform: translateX(-50%) translateX(2%); }
      #cast-container #char-D {
        transform: translateX(-50%) translateX(38%); } }

#screenshot-stage {
  margin-bottom: calc( 225.9021px - 53.67469px); }

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

#follow-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 127.13349px 30.20711px 169.46894px 30.20711px; }
  #follow-container::after {
    clear: both;
    content: "";
    display: block; }
  @media screen and (max-width: 1024px) {
    #follow-container {
      padding-top: calc( 127.13349px / 1.25); } }
  #follow-container h1 {
    font-size: 53.67469px; }
  #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: #C3C2B8;
    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 #C3C2B8; }
    @media screen and (max-width: 1024px) {
      #follow-container input#email {
        border: 1px solid #C3C2B8;
        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;
    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; } }

#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: 12px 0 40.26608px 0;
  text-align: center; }
  footer a, footer span {
    font-size: 12.75319px;
    padding: 0 calc( 22.661px / 2); }

#kickstarter-footer {
  background-color: #e8d987;
  background-image: url("img/kickstarter_footer.png");
  background-position: center;
  background-repeat: repeat-y;
  background-size: contain;
  bottom: 0px;
  height: 66px;
  left: 0px;
  position: fixed;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    #kickstarter-footer {
      background-image: url("img/kickstarter_footer_mobile.png");
      height: 132px; } }

#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; }

#starter-kit h1 {
  font-size: 28px;
  line-height: 42px; 
  padding: 42px 0; }

#starter-kit p {
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 34px;
  padding-bottom: 42px; }

#starter-kit img {
  padding-top: 52px; }

#accolades {
  color: #BDB66C;
  font-family: "Inknut Antiqua", serif;
  line-height: 22.67469px;
  margin: 127.13349px auto;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  }
  #accolades a:active, #accolades a:link, #accolades a:visited {
    text-decoration: none; }
  #accolades #quotes div {
    padding: 0; }
  #accolades #quotes .quote-row {
    padding-bottom: 62px; }
  @media screen and (max-width: 1024px) {
    #accolades #quotes .quote-row {
      padding-bottom: 0; }
      #accolades #quotes .quote-row .third-span {
        padding-bottom: 24px; } }
    #accolades #quotes .quote-text {
      font-size: calc( 12.661px * 1.15); 
      padding-bottom: 6px; }
    #accolades #quotes .author-name {
      color: #C3C2B8; }
    #accolades #quotes .score-only {
      color: #BDB66C; }
  #accolades #laurels div:first-child {
    padding-bottom: 0; }
  #accolades #laurels div:last-child {
    padding-top: 0; }


#kickstarter-section {
  margin-bottom: 169.46894px;
  margin-top: 100px; }
  #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; } }
  @media screen and (max-width: 1024px) {
    #kickstarter-section {
      margin-bottom: 127.13349px; } }
  #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%; } }

#funding {
  margin-bottom: 30.20711px; }

#company-logos {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 95.37396px; }
  #company-logos::after {
    clear: both;
    content: "";
    display: block; }
  #company-logos .logo-img {
    display: block;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 95.37396px; }
  #company-logos .logo-caption {
    color: #65645b;
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 30.20711px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22.661px;
    text-align: center;
    width: 50%; }
  #company-logos #logo-caption-wide {
    width: 75%; }

#funding-logos {
  padding-bottom: 95.37396px; }
  #funding-logos #funding-header {
    color: #BDB66C;
    font-size: 17px;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 30.20711px; }

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

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

#content {
  margin-top: 96px; }

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

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

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

@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; } }