@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }.bounce{animation:bounce 5s infinite;position:absolute;bottom:20px;left:50%;width:50px;height:50px;display:block;margin-left:-25px;font-size:50px;cursor:pointer;text-align:center;color:#fff}#grid h1,#grid h2,#grid h3,#grid h4,#grid-preview h1,#grid-preview h2,#grid-preview h3,#grid-preview h4{font-family:Raleway;font-weight:700;color:#000}#grid-preview{font-weight:300}#grid-preview .subtitle{margin-top:20px;margin-bottom:40px}#grid-preview h2{font-size:3rem;font-weight:800}#grid-preview h3{font-weight:800;font-size:2rem;margin-top:60px;margin-bottom:30px;text-align:center}#grid img{transform:translateY(250px)}a.m-2 svg{width:33px;filter:invert(1);opacity:.8}.grid__item{cursor:pointer}.grid__item .grid__item-title,.grid__item .grid__item-caption{transition:all .5s cubic-bezier(.7,0,.3,1)}.grid__item button{border:2px solid #fff;background:none;color:#fff;cursor:pointer}.grid__item .grid__item-title{margin-top:150px;font-size:2.2rem;font-weight:800}.grid__item .grid__item-caption{line-height:1.25;font-size:18px;opacity:0;transform:scale(.7)}.grid__item:hover .grid__item-title{margin-top:120px}.grid__item:hover .grid__item-caption{opacity:1;transform:scale(1)}.grid{position:relative;margin:0 auto}.js .grid--loaded::after{opacity:0}.grid__item--current{opacity:0!important}.preview{position:fixed;top:0;left:0;right:0;bottom:0;display:-ms-flex;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:row-reverse;height:100%;z-index:-1}.preview:before{content:'';background:#fff;opacity:0;position:absolute;top:0;transition:all 1s ease-in-out;left:0;right:0;bottom:0}div::-webkit-scrollbar{display:none}.preview--open{z-index:1000}.preview--open::before{opacity:1}.clone{position:fixed;z-index:110;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-backface-visibility:hidden}.original{z-index:120;display:block;object-fit:contain;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-backface-visibility:hidden}.preview--open .animate{-webkit-transition:-webkit-transform .6s , opacity .2s;transition:transform .6s , opacity .2s}.animate{-webkit-transition:-webkit-transform .3s , opacity .2s;transition:transform .3s , opacity .2s}.description{color:#000}.js .description--grid{display:none}.scrodesc{overflow:auto;padding-right:28px;box-sizing:content-box}.description--preview{font-size:1.2rem;padding-right:100px;padding-left:20px;z-index:140;width:109%;left:100%;top:0;height:100%;opacity:0;-webkit-transition:opacity 1s , -webkit-transform 1s;transition:opacity 1s , transform 1s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);overflow:auto;box-sizing:content-box}.description--preview>*:first-child{margin-top:50px}.description--preview>*:last-child{margin-bottom:50px}.preview--open .description--preview{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.details{max-width:100%}.details ul{line-height:1;position:relative;margin:0;padding:0;list-style:none}.action{font-size:1.5em;margin:0;padding:0;cursor:pointer;vertical-align:top;color:#6bd68a;border:none;background:none}.action:hover,.action:focus{color:#6bd68a;outline:none}.action--close{position:fixed;z-index:150;top:0;right:0;padding:1em;opacity:0;-webkit-transition:opacity .3s , -webkit-transform .3s;transition:opacity .3s , transform .3s;-webkit-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1)}.preview--image-loaded .action--close{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.text-hidden{position:absolute;display:block;overflow:hidden;width:0;height:0;color:transparent}@media screen and (max-width:768px){.preview img.original{position:absolute;visibility:hidden}}