.album{padding: 50px 0;}
.album__grid{display: flex;flex-wrap: wrap;}
.album__item{width: 33.333%;height: 380px;position: relative;padding: 20px;}
.album__item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;filter:brightness(.4);transition: filter .2s ease-in-out;}
.album__item:hover img{filter:brightness(1)}
.album__item h2{position: relative;z-index: 1;color:#fff;font-size: 30px;text-align: center;margin-top: 50px;font-weight: 500;transition: .2s ease-in-out;}
.album__item:hover h2{margin-top: 0;text-align: left;font-weight: normal;font-size: 22px;}
.album__item hr{position: relative;width: 100px;height: 3px;background: #ff6636;margin: 15px auto;transition: .2s ease-in-out;}
.album__item:hover hr{height: 1px;margin: 5px 0;}
.album__count{position: relative;text-align: center;color:#fff;font-size: 18px;}
.album__item:hover .album__count{display: none;}

.galery{padding: 50px 0;}
.galery .container{display: flex;flex-wrap: wrap;column-gap: 15px;row-gap: 20px;}
.galery .container a{width: calc((100% - 30px)/3);height: 320px;}
.galery .container a>img{object-fit: cover;height: 100%;width: 100%;}

@media(max-width:1140px){
    .album__item h2{font-size: 24px;}
    .album__count{font-size: 16px;}
    .album__item{height: 300px;}
}
@media(max-width:992px){
    .album__item h2{font-size: 22px;}
    .album__count{font-size: 15px;}
    .album__item{height: 260px;}
    .galery .container a{height: 250px;}
}
@media(max-width:768px){
    .album__item{width: 50%;}
    .galery .container a{width:calc((100% - 15px)/2);}
}
@media(max-width:550px){
    .album,.galery{padding: 40px 0;}
    .album__item{padding: 10px;}
    .album__item h2{font-size: 20px;}
    .album__count{font-size: 14px;}
}
@media(max-width:430px){
    .album,.galery{padding: 30px 0;}
    .album__item,.galery .container a{width: 100%;}
    
}