@font-face {
  font-family: "Calibri";
  src: url(fonts/Calibri.ttf) format("truetype"); }
@font-face {
  font-family: "FuturaPT";
  src: url(fonts/FuturaPTLight.otf) format("opentype"); }
/** Colors **/
/** Mixins **/
/** base styling **/
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, hr, input, textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, main,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #4C4C4C;
  font-size: 18px;
  font-family: "FuturaPT", sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  margin: 0;
  padding: 0; }

/** splash page **/
body {
  background-color: white;
  color: #4c4c4c; }
  body .italic {
    font-style: italic; }
  body.splash {
    background: white; }
    body.splash header .header-bar {
      background-color: #65414A;
      height: 30px;
      width: 100%; }
    body.splash header img {
      display: block;
      margin: 0 auto;
      max-width: 535px;
      padding: 0 20px;
      width: 100%; }
      body.splash header img#mobileLogo {
        display: none; }
    body.splash footer {
      border-top: 1px solid #65414A;
      margin-top: 25px;
      padding: 20px 0; }
      body.splash footer p, body.splash footer a {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-decoration: none;
        text-align: center; }
        body.splash footer p.email, body.splash footer a.email {
          margin-bottom: 10px; }
    body.splash section.body-text .dev-container {
      margin: 20px 0; }
      body.splash section.body-text .dev-container h1, body.splash section.body-text .dev-container p {
        font-weight: bold;
        font-size: 1.2rem;
        text-align: center; }
    body.splash section.body-text .txt-container {
      max-width: 640px;
      margin: 25px auto 30px;
      padding: 0 20px; }
      body.splash section.body-text .txt-container p {
        font-size: 23px;
        line-height: 26px; }
        body.splash section.body-text .txt-container p span {
          font-style: italic;
          font-size: 23px; }
    body.splash section.body-text .text {
      color: #4C4C4C;
      font-weight: 400;
      letter-spacing: 0.55px;
      line-height: 21px;
      padding: 0 20px;
      text-align: center; }
      body.splash section.body-text .text.mauve {
        color: #65414A; }
      body.splash section.body-text .text.welcome {
        font-weight: bold;
        text-transform: uppercase; }
      body.splash section.body-text .text.dev {
        margin: 50px 0; }
      body.splash section.body-text .text.smW, body.splash section.body-text .text.lgW {
        margin: 0 auto 20px;
        padding: 0 20px; }
      body.splash section.body-text .text.smW {
        max-width: 746px; }
      body.splash section.body-text .text.lgW {
        max-width: 90%; }
    body.splash section.btn-text-container {
      -webkit-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 540px;
      padding: 0 20px; }
      @media screen and (max-width: 540px) {
        body.splash section.btn-text-container {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          -webkit-flex-flow: column nowrap;
          flex-flow: column nowrap;
          -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
      body.splash section.btn-text-container .txt-container {
        -webkit-flex-basis: 67%;
        flex-basis: 67%; }
        body.splash section.btn-text-container .txt-container .text {
          font-size: 23px; }
          @media screen and (max-width: 540px) {
            body.splash section.btn-text-container .txt-container .text {
              margin-bottom: 20px; } }
      body.splash section.btn-text-container .btn-container {
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center; }
        body.splash section.btn-text-container .btn-container .downloadBtn {
          -webkit-align-items: center;
          align-items: center;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          background: #d8c2b2;
          font-weight: 600;
          padding: 6px;
          text-decoration: none;
          width: 160px; }
          body.splash section.btn-text-container .btn-container .downloadBtn:first-of-type {
            margin: 0 0 15px; }
          body.splash section.btn-text-container .btn-container .downloadBtn .buttonText-container {
            margin-right: 15px; }
            body.splash section.btn-text-container .btn-container .downloadBtn .buttonText-container .buttonText {
              color: #000000;
              font-size: 12px;
              text-align: center; }
          body.splash section.btn-text-container .btn-container .downloadBtn svg {
            fill: #FFFFFF; }
          body.splash section.btn-text-container .btn-container .downloadBtn:hover {
            background: #C7A790; }

/*# sourceMappingURL=styles.css.map */