.album-container{
    padding: 20px;
    width:100%;

}
.thumb-container{
    width:100%;
    height:30rem;
    box-shadow: 0 10px 10px rgba(0,0,0,0.3);
    margin-bottom: 40px;
}
.thumb-container:hover .thumb-img img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    transition: .8s;

}
.thumb-container:hover .thumb-img .fa-images{
    color: #ff6164
}
.thumb-container:hover{
    background: #e9e9e9;
}
.thumb-container .thumb-img{
    position: relative;
    width:100%;
    height:75%;
    border:3px solid white;
    overflow: hidden;
}
.thumb-img img{
    width:100%;
    height:100%;
    object-fit: cover;
    transition: .8s;
}
.album-icon{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
    color:white;
    font-size: 38px;
    z-index: 10;
}
.album-shade{
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3));
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
}
.album-name{
    width:100%;
    padding: 8px;
    height:25%;

}
.thumb-container:hover .album-name h4{
    color: #e42107;

}
.album-name h4{
    font-size: 14px;
    font-weight:normal;
    line-height:1.2;
    /*font-weight: bold;*/
    /*font-family: 'Arial Narrow', sans-serif;*/
    /*word-break: break-all;*/
}
.gr-photo-gallery{
    padding: 20px;
}

.gr-photo-gallery .gr-img-holder{
    width:100%;
    margin-bottom: 6px;
    border: 1px solid darkgray;
}
.gr-img-holder img{
    width:100%;
    height: 16rem;
    object-fit: cover;
    object-position: top;
}
.gr-img{
    padding: 0 3px;
}

@media (min-width: 200px) and (max-width: 767px){
    .album-container {
        padding: 20px 0;
    }

    .album-container .col-lg-3, .album-container .col-md-3,.album-container .col-sm-4, .album-container .col-xs-6{
        padding-left: 5px;
        padding-right: 5px;
    }
    .thumb-container{
        margin-bottom: 20px;
    }
    .gr-photo-gallery {
        padding: 20px 0;
    }
}