body{background-color:#fff3e5}body #gallery{min-height:100vh;opacity:0;transition:all .7s ease-out 0s;-webkit-transition:all .7s ease-out 0s;-moz-transition:all .7s ease-out 0s;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between}body #gallery .gallery-container{padding:20vw 0 7vw;text-align:center}body #gallery .gallery-container .header{margin-bottom:4vw}body #gallery .gallery-container .header #navigation{position:fixed;width:100vw;top:0;left:0;z-index:9;height:22vw;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s}body #gallery .gallery-container .header #navigation.sticky{height:14vw;background-color:#fff3e5;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}body #gallery .gallery-container .header #navigation>ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;border:0;padding:0;margin:-1vw;opacity:0;list-style:none;-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .5s ease-out 0s;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s}body #gallery .gallery-container .header #navigation>ul>li{padding:1vw}body #gallery .gallery-container .header #navigation>ul>li>a{font-family:ElsieRegular,sans-serif;font-size:4vw;border:.3vw solid transparent;border-radius:0;background:0 0;color:#555;padding:1vw 3vw;opacity:.85;display:block;text-decoration:none;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s}body #gallery .gallery-container .header #navigation>ul>li>a.active,body #gallery .gallery-container .header #navigation>ul>li>a.show,body #gallery .gallery-container .header #navigation>ul>li>a:hover{border-color:#555;opacity:1}body #gallery .gallery-container .header .header-content .sub-text,body #gallery .gallery-container .header .header-content .text{opacity:0;-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .5s ease-out 0s;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s}body #gallery .gallery-container .header .header-content .text{font-size:10vw;line-height:1.2;font-family:Yukikato,sans-serif}body #gallery .gallery-container .header .header-content .sub-text{font-size:4vw;line-height:1.5;font-family:Commissioner,sans-serif;font-weight:100}body #gallery .gallery-container .header .header-content .leaves{width:15vw;height:auto;opacity:0;-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .5s ease-out 0s;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s}@media screen and (min-width:768px){body #gallery .gallery-container{padding:95px 0 50px}body #gallery .gallery-container .header{margin-bottom:30px}body #gallery .gallery-container .header #navigation{height:100px}body #gallery .gallery-container .header #navigation.sticky{height:70px}body #gallery .gallery-container .header #navigation>ul{margin:-5px}body #gallery .gallery-container .header #navigation>ul>li{padding:5px}body #gallery .gallery-container .header #navigation>ul>li>a{font-size:20px;border-width:2px;padding:5px 15px}body #gallery .gallery-container .header .header-content .text{font-size:50px}body #gallery .gallery-container .header .header-content .sub-text{font-size:18px}body #gallery .gallery-container .header .header-content .leaves{width:90px}}body #gallery.active{opacity:1}body #gallery.active .gallery-container .header #navigation>ul{opacity:1;-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}body #gallery.active .gallery-container .header .header-content .leaves,body #gallery.active .gallery-container .header .header-content .sub-text,body #gallery.active .gallery-container .header .header-content .text{opacity:1;-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}