@import url(https://fonts.googleapis.com/css?family=Aldrich);*{margin:0;padding:0;box-sizing:border-box}.logo{width:300px;height:70px;position:absolute;top:-50px;bottom:0;left:0;right:0;margin:auto}.logo .animate{animation:logo 1s}.logo .icon{display:inline-block}.logo .pipe{display:inline-block;vertical-align:middle;font:100 70px "Open Sans";margin-left:-10px;width:1px;background-color:black}.logo .pipe.animate{animation:openPipe 1s}.logo .name{display:inline-block;vertical-align:middle;font:100 30px "Open Sans";text-transform:uppercase;text-align:center}.logo .name span{font-size:20px}.logo .name.animate{animation:slideName 2s}html .slogan{position:relative}@keyframes logo{0%{transform:scale(0)}50%{transform:scale(1)}}@keyframes openPipe{0%,50%{transform:scale(0)}100%{transform:scale(1)}}@keyframes slideUp{0%,50%{margin-bottom:-100%}100%{margin-bottom:0}}@keyframes slideName{0%,40%{transform:scale(0);opacity:0;margin-left:-100%}55%{opacity:0}100%{margin-left:0;transform:scale(1);opacity:1}}html{font-family:sans-serif;-webkit-text-size-adjust:100%}html body{font-family:"Open Sans","Helvetica Neue",helvetica,sans-serif;font-weight:100;color:#343434;font-size:20px;background-color:white;line-height:1.3em;margin:0}html html,html body{height:100%}html html .container,html body .container{margin:0 auto}html *{box-sizing:border-box}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}100%{opacity:0}}html h1{font-size:54px;font-weight:100;cursor:default}html h2{padding:10px;color:white;border:1px solid white;font-weight:300;cursor:default;margin-top:15px;font-size:17px;text-align:center;line-height:1.5}html section{color:white;z-index:0;text-align:center}html button{border:0;background-color:currentColor}html .background{height:100%;width:100%;position:absolute;top:0;left:0;background:linear-gradient(15deg, #100c2a, #121537, #2361a1)}html .home-content{position:absolute;width:100%;height:100%;padding:18%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}html .nav-opener-container{width:100%;-webkit-box-flex:0;-ms-flex:0 1 12%;flex:0 1 12%;position:relative}html .nav-opener-container .nav-arrow{bottom:0;width:8%;color:white;margin:0 auto;height:32px;cursor:pointer;text-align:center;-webkit-transition:300ms linear all;transition:300ms linear all;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}html .nav-opener-container .nav-arrow img{cursor:pointer;width:15px;margin:10px 0}html .nav-opener-container .nav-arrow.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}html .below-the-fold{position:absolute;top:100%;padding:1em 0;width:100%}html .below-the-fold path{fill:#ff4f67;-webkit-transition:fill 1s;transition:fill 1s}html .below-the-fold path:hover{fill:#ff3472}html .fa-beat{animation:fa-beat 5s ease infinite}@keyframes fa-beat{0%{transform:scale(1)}5%{transform:scale(1.1)}20%{transform:scale(1)}30%{transform:scale(1)}35%{transform:scale(1.1)}50%{transform:scale(1)}55%{transform:scale(1.1)}70%{transform:scale(1)}}@media only screen and (max-height:420px){html h1{font-size:40px}html h2{font-size:16px}html .home-content{padding:8%}}