.ast-page-builder-template .site-content .post-20 {
padding-left: 15%
}
.category .col{
float: left;
#width: 33.3333%;
padding: 0 15px;
}
.category .col .img-cat{
justify-content: center;
position: relative;
display: block;
overflow: hidden;
background-color: #ddd;
background-size: cover;
margin: auto;
} @media screen and (max-width:600px) {
.post-20 img {
padding-bottom: 10%;
}
} @media screen and (min-width:600px) {
.category .col .img-cat {
min-height: 310px;	
} .category .col .img-cat:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: '';
border: 10px solid rgba(255, 255, 255, 0.4);
}
.category .col .img-cat img, 
.category .col .img-cat .fallback-svg{
vertical-align: top;
-webkit-transition: linear 0.75s;
-moz-transition: linear 0.75s;
transition: linear 0.75s;
}
.category .col .img-cat:hover img,
.category .col .img-cat:focus img, 
.category .col .img-cat:hover .fallback-svg,
.category .col .img-cat:focus .fallback-svg{
-webkit-transform: scale(1.15) rotate(5deg);
-moz-transform: scale(1.15) rotate(5deg);
transform: scale(1.15) rotate(5deg);
}
}
.category .col .img-cat .text-cat{
border: 1px solid #3e93cc;
position: absolute;
top: 80%;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 4px;
z-index: 1;
}
.category .col .img-cat .text-cat span{
font-size: 13px;
color: #fff;
text-transform: uppercase;
padding: 8px 20px;
display: block;
background: #3e93cc;
font-weight: 700;
letter-spacing: 0.2em;
transition: all 0.3s ease-out;
text-align: center;
}
.category .col .img-cat:hover .text-cat {
border-color: #F79058;
}
.category .col .img-cat:hover .text-cat span {
background: #F79058;
color: #fff;
}