@font-face {
  font-family: 'Circular Pro';
  src: url("fonts/CircularPro-Bold.eot");
  src: url("fonts/CircularPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/CircularPro-Bold.woff") format("woff"), url("fonts/CircularPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Circular Book';
  src: url("fonts/CircularStd-Book.eot");
  src: url("fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("fonts/CircularStd-Book.woff") format("woff"), url("fonts/CircularStd-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
html, body {
  margin: 0;
  background-color: white;
  color: white; }
  html .logo, body .logo {
    width: 50px;
    position: fixed;
    right: 35px;
    top: 30px;
    z-index: 500; }
    html .logo .icon, body .logo .icon {
      width: 50px;
      height: 50px;
      background-image: url(imgs/logo_icon.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 50px; }
    html .logo .text, body .logo .text {
      width: 50px;
      height: 38px;
      margin-top: 5px;
      background-image: url(imgs/logo_text.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 50px; }
  html .moonset, body .moonset {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    overflow-y: auto;
    z-index: 400;
    background-image: url(imgs/moonset.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    html .moonset .text, html .moonset .logos, body .moonset .text, body .moonset .logos {
      width: calc(100% - 120px);
      display: table; }
      html .moonset .text .max, html .moonset .logos .max, body .moonset .text .max, body .moonset .logos .max {
        max-width: 68em; }
      html .moonset .text .inner, html .moonset .logos .inner, body .moonset .text .inner, body .moonset .logos .inner {
        width: 55%; }
    html .moonset .text, body .moonset .text {
      margin: 140px 60px 60px 60px; }
      html .moonset .text h2, body .moonset .text h2 {
        width: 100%;
        font-weight: normal;
        font-size: 50px;
        line-height: 62px;
        margin: 0 0 30px 0;
        font-family: 'Circular Pro'; }
      html .moonset .text p, body .moonset .text p {
        font-size: 25px;
        line-height: 31px;
        font-weight: normal;
        margin: 0 0 1em 0;
        font-family: 'Circular Book'; }
        html .moonset .text p:last-of-type, body .moonset .text p:last-of-type {
          margin: 0; }
      html .moonset .text a, body .moonset .text a {
        color: white;
        border-bottom: 2px solid;
        text-decoration: none; }
    html .moonset .logos, body .moonset .logos {
      padding: 60px;
      background-color: transparent; }
      html .moonset .logos .image, body .moonset .logos .image {
        width: 120px;
        height: 120px;
        float: left;
        margin: 0 1em 1em 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
  html img, body img {
    width: 100%; }
  @media screen and (max-width: 47.5em) {
    html .moonset .text, html .moonset .logos, body .moonset .text, body .moonset .logos {
      width: 100%; }
      html .moonset .text .inner, html .moonset .logos .inner, body .moonset .text .inner, body .moonset .logos .inner {
        width: 90%;
        margin: auto; }
    html .moonset .text, body .moonset .text {
      margin: 150px auto 60px auto; }
    html .moonset .logos, body .moonset .logos {
      padding: 60px 0; }
    html .moonset .text .inner h2, body .moonset .text .inner h2 {
      font-size: 35px;
      width: 100%;
      line-height: 45px; }
    html .moonset .text .inner p, body .moonset .text .inner p {
      width: 100%;
      font-size: 14px;
      line-height: 18px; } }
  @media screen and (max-width: 75em) {
    html .moonset .text p, body .moonset .text p {
      font-size: 20px;
      line-height: 25px; } }

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