.zen-posts{display: inline-block; margin-top: 5px;margin-bottom: 5px; width: 100%;}
.zen-posts-col { display: block;overflow: hidden;float: left;padding: 2px; position: relative;}
.zen-posts-col img { width: 100%;}
.zen-posts-col span {width:100%; transition: all 0.5s 0s; position: absolute;bottom: 0; padding: 10px;color: white; font-size: 16px;line-height: 1.47;font-weight: 400;}
.zen-posts-col:hover span { padding-bottom: 50px; transition: all 0.5s 0s; background-color: rgba(0, 0, 0, 0.79); }
.zen-posts-col:before {transition: all 0.5s 0s;content: "";background: linear-gradient(transparent, black); position: absolute; width: 100%; height: 100%;}
.zen-posts-col:hover:before { background: none;transition: all 0.5s 0s;}

.zen-posts.icon .zen-posts-col:after { content: ""; background-image: url("img/zen-logo.png"); width: 30px; height: 30px; position: absolute; top: 10px; left: 10px; background-size: cover; }

.zen-posts-col.cols-8 {width: 16.6%;}
.zen-posts-col.cols-5 {width: 20%;}
.zen-posts-col.cols-4 {width: 25%;}
.zen-posts-col.cols-3 {width: 33.3%;}
.zen-posts-col.cols-2 {width: 50%;}
.zen-posts-col.cols-1 {width: 100%;}

@media screen and (max-width: 768px){
.zen-posts-col {width: 100% !important;}
.zen-posts { display: block;}
}