.portfolio-gallery{color:#212121;line-height:1.625}.wrap{margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}#filters,#gallery,.gallery-wrap{overflow:hidden}#filters{list-style:none;margin:0 0 30px;padding:0;text-align:center}#filters li{display:inline-block;margin:0 5px 10px}#filters li span{border-radius:4px;color:#212121;cursor:pointer;display:block;font-size:.85rem;font-weight:600;padding:8px 20px;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in-out}#filters li:hover span{background:rgba(222,255,42,.3);color:#000}#filters li span.active{background:#deff2a;color:#212121}.gallery-item{display:none;float:left;padding:15px;position:relative;width:33.333%;z-index:10}.inside{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);height:100%;overflow:hidden;position:relative;width:100%}.details,.overlay{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.details{align-items:center;display:flex;justify-content:center;padding:20px;transition:all .3s ease-in-out;z-index:2}.details h2{font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0 0 8px}.details h2,.details p{color:#212121;text-align:center}.details p{font-size:.9rem;letter-spacing:1px;margin:0;text-transform:uppercase}.inside img{float:left;transition:transform .5s ease;width:100%}.overlay{background:rgba(222,255,42,.85);transition:all .3s ease-in-out;z-index:1}.gallery-item:hover .details,.gallery-item:hover .overlay{opacity:1}.gallery-item:hover img{transform:scale(1.05)}@media (max-width:992px){.gallery-item{width:50%}}@media (max-width:768px){h1{font-size:2.5rem}}@media (max-width:576px){.gallery-item{float:none;width:100%}#filters li{margin:0 3px 8px}#filters li span{font-size:.8rem;padding:6px 14px}}@media (max-width:992px){.gallery-item{padding:10px;width:50%}.details h2{font-size:1.2rem}}@media (max-width:576px){.gallery-item{float:none;padding:8px 0;width:100%}#filters{display:flex;flex-wrap:wrap;justify-content:center}#filters li{margin:0 3px 8px}}