@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:100}@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:200}.navigation{position:relative;z-index:100;}.navigation--list{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}.navigation .menu-item > a{padding:0 .5em;color:#fff;text-decoration:none;font-weight:100;font-size:.9rem;line-height:2;-webkit-transition-duration:.3s;transition-duration:.3s;}.navigation .menu-item > a:hover{color:#808080}.navigation--close{position:absolute;top:0;right:0}.navigation--open{position:fixed;z-index:500;display:none;bottom:5%;right:5%;width:30px;height:30px;background-color:#000;opacity:.4;cursor:pointer}.navigation--line{position:absolute;left:5px;height:2px;width:20px;background-color:#fff;display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;}.navigation--line:nth-of-type(1){top:7px}.navigation--line:nth-of-type(2){top:14px}.navigation--line:nth-of-type(3){bottom:7px}@media only screen and (max-width:768px){.navigation--list{position:fixed;top:0;left:0;margin-top:0;width:100vw;height:100vh;z-index:300;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,0.75);display:none;opacity:0;-webkit-transition-duration:.5s;transition-duration:.5s;}.navigation--list .menu-item{margin:1rem 0;}.navigation--list .menu-item > a{font-size:1.2rem;line-height:2;margin:.5em 0}.navigation--open{display:inline-block}.navigation.is-open .navigation--list{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.navigation.is-open .navigation--line:nth-of-type(1){width:28px;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateZ(45deg) translateY(-2px) translateX(-2px);transform:rotateZ(45deg) translateY(-2px) translateX(-2px)}.navigation.is-open .navigation--line:nth-of-type(2){top:14px;opacity:0}.navigation.is-open .navigation--line:nth-of-type(3){width:28px;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateZ(-45deg) translateY(2px) translateX(-2px);transform:rotateZ(-45deg) translateY(2px) translateX(-2px)}}@media only screen and (max-width:481px){.navigation--open{bottom:3%}}