.divCat{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px 20px;
}

.description{
margin-bottom: 30px;
}

.divCat .cat{
box-sizing: border-box;
padding: 25px 25px 25px 25px;
border: 2px solid #ECEFF0;
transition: all 0.5s ease-out 0s;
background-color: #FFFFFF;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.divCat .cat:hover {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.divCat .topCat{
display: flex;
}

.divCat .cat .catImg{
text-align: center;
flex: 1 0 auto;
}
.divCat .cat .catImg img{
max-height: 200px;
width: auto;
}

.divCat .cat .zajawkaCat{
display: inline-block;
box-sizing: border-box;
padding-left: 20px;
}


.divCat .cat .zajawkaCat .txtCat{
font-size: 17px;
color: #647883;

}
.divCat .cat .zajawkaCat .txtCat .titleCat{
font-weight: 700;
color: #6ABA57;
margin-bottom: 10px;
}
.divCat .cat .zajawkaCat .txtCat .titleCat a{
color: #6ABA57;
}
.divCat .cat .linkA{
padding-top: 30px;
}

.divCat .cat .linkA a{
font-size: 18px;
font-weight: 700;
color: #FFFFFF;
padding: 12px 24px 12px 15px;
display: inline-block;
background-color: #6DBA5F;
border-radius: 5px;
border: 1px solid #6DBA5F;
transition: all 0.5s ease-out 0s;
white-space: nowrap;
}
.divCat .cat .linkA a:hover{
color: #6DBA5F;
background-color: #FFFFFF;
}

.divCat .cat .linkA a:before{
content: "";
display: inline-block;
width: 26px;
height: 24px;
vertical-align: middle;
margin-right: 8px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAARCAYAAAAsT9czAAAABHNCSVQICAgIfAhkiAAAAkVJREFUOE+NVUFy2kAQ7F7IOfwgzguCX2D7gKicQh5gLK4puYJfEPkFxkGVqwX+gHJKgQ/GL4h+EPsH+By0k9qV5AixgPfG7sy0uqdnIPacYOb3CDkSok2gDaBVpCwFSClIqWTxvTP9ua8WtwUEs35I8AzEwb4i9l3wKEriZlNdj07ipStnAyy484+p5aYEEcgTgASiFk2NdPQxfjSFhr/8g5VCG9THAHoE3/0H5SDqxIs64BrY+d3pEKKu8g+VJ0LCsXcbv4aZkRvQIckPNp8SRp3pZTX3BSyY9WOSZzZQ5DLqTsM6iGHzV+kjc/9Gq4eSZTXOyk9+K+7isTcZlO8W7Hx+6gPqJr/UAxebIsawLg2yL3ajHr/M/XYD8nsXkGGUNeRPHiMPECxBfjK/GhnfuxhWCWTg4Q8vThnM+qnRWUQmUXfqu/pT9rIaU8q+TXJTJ5j3RwS/mhGJvMkhg3n/0ThpZ1LRB4FcR950uFZoS39tewrDCfAceZMWrdVF7s1jSbfObk1qwci+Exb0NTki/Bx148QapKQLYJmBJ0bfOmDNZXn3trAqPs4QaFWld1l/CegLlyONCtB2iAGlFq7Brbq27oO1oV6fNSRNzQuX01wmyjeKXJHoFaw3DLexrkxTRVRI4G2ehEQgiWuIyyEn2HsBAZ5JHY47t3lvK8e5iPOvtKvHbpTaKZdsZbjzCCNbU6twmxpbt75JHt77rWyV+RD2BDR/MZZteYylCUlBSRqrRrJP8p1grt4Yp5l7l2Nd8dW7fz2UUiFvCgCcAAAAAElFTkSuQmCC') 50% 50% no-repeat;
filter: brightness(0%) invert(100%);
transition: all 0.5s ease-out 0s;
}

.divCat .cat .linkA a:hover:before{
filter: brightness(100%) invert(0%);
}

@media screen and (max-width:1390px){
.divCat .cat .linkA a {font-size: 15px}
}

@media screen and (max-width:1290px){
.divCat .cat {padding: 15px}
.divCat {grid-gap: 10px 10px;}
}
@media screen and (max-width:1200px){
.divCat{padding-left: 0px;padding-right: 0px;}
}
@media screen and (max-width:1100px){
.divCat .footCat{position: absolute;right: 15px;bottom: 15px}
.divCat {grid-template-columns: 1fr;}
.divCat .cat {padding-bottom: 25px}
.divCat .cat .linkA {right: 25px;left: auto}
.divCat .cat .zajawkaCat .txtCat {padding-bottom: 85px}
}

@media screen and (max-width:500px){
.divCat .cat .catImg {width: 100%}
.divCat .cat .zajawkaCat {width: 100%}
.divCat .cat .linkA {right: 0px;left: 25px}
.divCat .cat .zajawkaCat {padding: 0px}
.divCat .footCat{position: static;}
.divCat .cat .zajawkaCat .txtCat {padding-bottom: 15px}
}