.grid{max-width:100%}.grid-item{width:33.33%;cursor:pointer}.grid-item img{transition:all 1s ease;width:100%}.grid-item img:hover{cursor:pointer}.filter{display:flex;justify-content:center;margin-top:100px}.filter p{display:none}.filter ul{display:flex;flex-wrap:wrap;margin-top:20px;width:90%;justify-content:center}.filter ul li{padding:10px 10px;font-weight:700;cursor:pointer;transition:.4s}.filter ul li:hover{color:#fff}.filter ul .active{color:red}.album_header{margin:50px 0;text-align:center}.album_header h1{color:#fff}.albumslider{position:fixed;width:100vw;height:100vh;top:0%;flex-direction:column;display:none;background-color:#000;z-index:1}.ico-times::before{content:"\2716"}.close{width:100%;height:20px;display:flex;justify-content:end;padding:30px 60px;position:absolute}.close i{transition:.5s;color:#fff;z-index:2;font-size:1.5rem}.close i:hover{color:red;cursor:pointer}.mudal{width:100%;height:100vh;display:flex}.mudalimage{width:80%;height:100%;display:flex;align-items:center;justify-content:center}.direction{width:10%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.direction svg{transition:.4s;cursor:pointer}.mudalimage img{max-width:80vw;height:50vw;max-height:100vh;animation-name:image;animation-duration:1s;animation-fill-mode:forwards}@keyframes image{from{opacity:0}to{opacity:1}}.direction svg:hover{fill:rgba(255,255,255,.416)}@media (max-width:980px){.filter ul{display:none}.filter p{display:block;padding-top:40px;color:red;font-style:italic;font-family:serif;display:flex;cursor:pointer;align-items:center;transition:.4s}.filter p svg{transition:.4s}.filter p:hover{color:rgba(255,0,0,.595)}.filter p:hover svg{fill:rgba(255,0,0,.595)}@media (max-width:800px){.mudalimage img{max-width:100%;width:100%;height:auto!important;position:absolute}}