.grid{max-width:85%;list-style:none;margin:30px auto;padding:0}.grid li{display:block;float:left;padding:2%;width:33%;opacity:0;transform:scale(1);transition:all 1s}.grid.effect-2 li.animate{-webkit-transform:translateY(200px);-moz-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;-moz-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}.hovereffect{width:100%;height:auto;float:left;overflow:hidden;position:relative;text-align:center;cursor:default}.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:rgba(0,0,0,.6);opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(200px,-100px) rotate(180deg);-ms-transform:translate(200px,-100px) rotate(180deg);transform:translate(200px,-100px) rotate(180deg);-webkit-transition:all .2s .4s ease-in-out;transition:all .2s .4s ease-in-out}.hovereffect img{display:block;position:relative;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.hovereffect h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:10px;background:rgba(0,0,0,.6);margin-bottom:10%},.hovereffect a.info{display:block;text-decoration:none;text-transform:uppercase;color:#fff;margin:50px 0 0;background-color:transparent}.hovereffect a.info:hover{border:1px solid #fff;border-radius:4%;padding:3% 4%;box-shadow:0 0 5px #fff}a.info,a.info:focus{color:#fff;text-decoration:none;font-size:22px;border:1px solid #fff;border-radius:4%;padding:3% 4%;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.hovereffect:hover .overlay{opacity:1;filter:alpha(opacity=100);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.hovereffect:hover h2{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.5s;transition-delay:.5s}.hovereffect:hover a.info{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.3s;transition-delay:.3s}@-webkit-keyframes moveUp{to{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes moveUp{to{-moz-transform:translateY(0);opacity:1}}@keyframes moveUp{to{transform:translateY(0);opacity:1}}@media (max-width:780px){.grid li{display:block;float:left;padding:7px;width:50%;opacity:0}.grid.effect-2 li.animate{-webkit-transform:translateY(200px);-moz-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;-moz-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}}@media (max-width:480px){.hovereffect a.info,.hovereffect h2{text-transform:uppercase;color:#fff}.grid li{display:block;float:left;padding:1% 0;width:100%;opacity:0}.grid.effect-2 li.animate{-webkit-animation:moveUp .65s ease forwards;-moz-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}.hovereffect h2{text-align:center;position:relative;font-size:12px;padding:2%;background:rgba(0,0,0,.6)}.hovereffect a.info{display:inline-block;text-decoration:none;padding:1% 14px;border:1px solid #fff;margin:2% 0 0;background-color:transparent;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.hovereffect a.info:hover{box-shadow:0 0 5px #fff}}