/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011–2014 thoughtbot, inc.
 * MIT License */
.logo span, .menu-open span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.logo {
  position: fixed;
  top: 0%;
  left: 50%;
  z-index: 3;
  width: 140px;
  height: 54px;
  margin-left: -70px;
  margin-top: 30px; }
  .logo span.white {
    background-image: url("../images/logo-white.png");
    opacity: 0; }
  .logo span.black {
    background-image: url("../images/logo.png");
    opacity: 1; }
  @media only screen and (max-width: 767px) {
    .logo {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
      -webkit-transform-origin: center top;
      -moz-transform-origin: center top;
      -ms-transform-origin: center top;
      -o-transform-origin: center top;
      transform-origin: center top; } }

#menu-logo {
  width: 140px;
  height: 54px;
  margin-left: -70px;
  margin-top: 30px;
  top: 0%; }
  #menu-logo span.white {
    opacity: 1; }
  #menu-logo span.black {
    opacity: 0; }

.menu-open {
  width: 34px;
  height: 22px;
  position: fixed;
  z-index: 3;
  top: 0%;
  left: 20px;
  margin-top: 30px; }
  .menu-open span.white {
    background-image: url("../images/menu-white.png");
    opacity: 0; }
  .menu-open span.black {
    background-image: url("../images/menu.png");
    opacity: 0; }
  @media only screen and (min-width: 768px) {
    .menu-open.mobile {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .menu-open.desktop {
      display: none; } }

body.home #logo,
body.page-about #logo,
body.error404 #logo {
  width: 237px;
  height: 91px;
  margin-left: -118px; }
  body.home #logo .name,
  body.page-about #logo .name,
  body.error404 #logo .name {
    display: block;
    width: 192px;
    height: 13px;
    position: absolute;
    left: 22px;
    bottom: -45px;
    background-image: url("../images/logo-name-white.png");
    background-size: 100% 100%; }

body.home #logo,
body.error404 #logo {
  top: 0%;
  margin-top: 75px;
  -skrollr-animation-name: logo; }
  body.home #logo .name,
  body.error404 #logo .name {
    -skrollr-animation-name: logo-name; }
  body.home #logo span.white,
  body.error404 #logo span.white {
    -skrollr-animation-name: logo-white;
    opacity: 1; }
  body.home #logo span.black,
  body.error404 #logo span.black {
    -skrollr-animation-name: logo-black;
    opacity: 0; }

body.error404 .menu-open span.white {
  opacity: 1; }

body.home .menu-open {
  top: 100%; }
  body.home .menu-open.desktop {
    -skrollr-animation-name: menu-open-desktop; }
  body.home .menu-open.mobile {
    -skrollr-animation-name: menu-open-mobile; }
  body.home .menu-open span.black {
    -skrollr-animation-name: logo-black;
    opacity: 0; }

body.page-about #logo {
  -skrollr-animation-name: logo-about; }
  body.page-about #logo .name {
    -skrollr-animation-name: logo-name-fast; }
  body.page-about #logo span.white {
    opacity: 1; }
  body.page-about #logo span.black {
    opacity: 0; }
body.page-about .menu-open.mobile {
  -skrollr-animation-name: menu-open-mobile;
  top: 100%; }
  body.page-about .menu-open.mobile span.white {
    -skrollr-animation-name: logo-black;
    opacity: 0; }
body.page-about .menu-open.desktop span.white {
  opacity: 1; }

#arrow {
  -skrollr-animation-name: arrow;
  display: block;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 30px;
  height: 16px;
  background-size: 100% 100%;
  margin-left: -15px;
  background-image: url("../images/arrow.png");
  z-index: 1; }

#intro-letter {
  display: block;
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  top: 0; }
  #intro-letter > div {
    display: table;
    height: 100%;
    width: 100%;
    color: #FFF; }
    #intro-letter > div > div {
      display: table-cell;
      text-align: center;
      vertical-align: bottom;
      height: 100%; }
      #intro-letter > div > div h3 {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
        margin-bottom: 16px; }
      #intro-letter > div > div p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.6em;
        max-width: 700px;
        margin: 0 auto; }
      #intro-letter > div > div .signature {
        width: 377px;
        height: 59.8px;
        background: url("../images/signature.png");
        background-size: 100% 100%;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 40px; }

#mobile-next {
  -skrollr-animation-name: mobile-next;
  display: block;
  position: fixed;
  bottom: 50px;
  right: 21px;
  width: 37px;
  height: 31px;
  margin-left: -8px;
  background-image: url("../images/mobile-next.png");
  background-size: 17px 11px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
  cursor: pointer; }

@-skrollr-keyframes menu-open-desktop {
  skrollr-0p {
    display: block;
    position: !absolute;
    top: !100%; }
  skrollr-100p {
    position: !fixed;
    top: !0%; } }
@-skrollr-keyframes menu-open-mobile {
  skrollr-0p {
    display: block;
    position: !absolute;
    top: 100%; }
  skrollr-100p {
    position: !absolute;
    top: 0%; } }
@-skrollr-keyframes logo {
  skrollr-0p {
    display: block;
    width: 237px;
    height: 91px;
    margin-left: -118px;
    top: 0%;
    margin-top: 75px; }
  skrollr-60p {
    width: 237px;
    height: 91px;
    margin-left: -118px;
    top: 0%;
    margin-top: 75px; }
  skrollr-70p {
    width: 140px;
    height: 54px;
    margin-left: -70px;
    margin-top: 30px;
    top: 0%; } }
@-skrollr-keyframes logo-about {
  skrollr-0p {
    width: 237px;
    height: 91px;
    margin-left: -118px; }
  skrollr-20p {
    width: 140px;
    height: 54px;
    margin-left: -70px; } }
@-skrollr-keyframes logo-name {
  skrollr-60p {
    width: 192px;
    height: 13px;
    left: 22px;
    bottom: -45px;
    opacity: 1; }
  skrollr-70p {
    width: 113px;
    height: 8px;
    left: 13px;
    bottom: -27px;
    opacity: 0; } }
@-skrollr-keyframes logo-name-fast {
  skrollr-0p {
    width: 192px;
    height: 13px;
    left: 22px;
    bottom: -45px;
    opacity: 1; }
  skrollr-20p {
    width: 113px;
    height: 8px;
    left: 13px;
    bottom: -27px;
    opacity: 0; } }
@-skrollr-keyframes logo-white {
  skrollr-80p {
    opacity: 1; }
  skrollr-90p {
    opacity: 0; } }
@-skrollr-keyframes logo-black {
  skrollr-80p {
    opacity: 0; }
  skrollr-90p {
    opacity: 1; } }
@-skrollr-keyframes arrow {
  skrollr-0p {
    opacity: 1; }
  skrollr-10p {
    opacity: 0; } }
@-skrollr-keyframes mobile-next {
  skrollr-0p {
    display: none;
    opacity: 0; }
  skrollr-100p {
    display: none;
    opacity: 0; }
  skrollr-120p {
    display: block;
    opacity: 0; }
  skrollr-150p {
    display: block;
    opacity: 1; } }

/*# sourceMappingURL=fixed-elements.css.map */