.rowsOfery{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 16px 16px;
justify-content: center;
}

.rowsOfery .oferta{
padding-bottom: 80px;
position: relative;
text-align: center;
/*box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.07);*/
}

.rowsOfery .oferta .p_top{
display: block;
}

.rowsOfery .oferta .spImg{
display: block;
overflow: hidden;
margin-bottom: 16px;
}

.rowsOfery .oferta .spImg img{
max-width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}
.rowsOfery .oferta:hover .spImg img{
transform: scale(1.1);
}
.rowsOfery .oferta .sp_title{
color: #000000;
font-size: 24px;
font-weight: 700;
display: block;
text-align: center;
transition: all 0.5s ease-out 0s;
box-sizing: border-box;
}
.rowsOfery .oferta:hover .sp_title {
color: #007BCA;
}

.rowsOfery .oferta .linkSp {
transition: all 0.3s ease-out 0s;
display: block;
box-sizing: border-box;
padding: 13px 5px 13px 5px;
font-size: 16px;
font-weight: 700;
line-height: 1;
color: #ffffff;
background-color: #007BCA;
border-radius: 8px;
border: 1px solid #007BCA;
text-align: center;
position: absolute;
bottom: 0px;
width: 95%;
left: 50%;
transform: translateX(-50%);
}
.rowsOfery .oferta .linkSp:hover {
background-color: #FFFFFF;
color: #007BCA;
}

@media screen and (max-width:1200px){
.rowsOfery .oferta .sp_title {font-size: 19px;}
}
@media screen and (max-width:1040px){
.rowsOfery {grid-template-columns: 1fr 1fr 1fr;}
}
@media screen and (max-width:790px){
.rowsOfery {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width:440px){
.rowsOfery {grid-template-columns: 1fr;}
}