.rowsOfery{
display: grid;
width: 800px;
max-width: 100%;
grid-gap: 80px 200px;
grid-template-columns: 1fr 1fr;
margin: 0px auto;
}
.rowsOfery .p_top{
display: block;
padding-bottom: 5px;
}
.rowsOfery .p_top img{

}
.socialOff{
display: block;
text-align: right;
}
.socialOff a{
display: inline-block;
width: 30px;
height: 30px;
margin: 6px 0px 6px 6px;
}
.socialOff a.poczta{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAhVJREFUSEtj7DnmG8D0n7GegZHBgIE+4ME/hv+FjL3HfB8wMjDK08dOqC3/GS4w9h3z+09XS6GWjVpMt1AfDWpwULMwsTG4KucwaIjYUxT0Z56tZzjycBHDf4Z/GOZgDWotUSeGa6/3MRhK+jLYKyQxMDIwkeSAP/9+Mey8M5Hh1tsjDKJcigyvv90nzuJCy40Mxx8vZzjxZAWDHL8+g696BQMbMxdRln/9/Y5h3bVGhjffHjC4q+Qz8LGLMay+Wk28xSCVd96dYNh1ZxIDF5sAg596FYMQpwxey59/ucmw+UY7A8jHodotDKLcSgxPPl0h3WKQLa+/3mPYdLOd4cefzwy+6pXgEMAGrrzaxbD33kwGYU5ZBj+NKrBPQYBsi0Gaf/79yrD6SjXDm28PGWzkYxlMpILgdv/9/4dh370ZDFde7WYApQ0HxRQGdmZuuDxFFsNMASUYUKIDpXZX5WywgzbdaGd48eUWg4NCCjgxogOqWAwy9OrrveB4F+NWZvj66x04Pt1U8hhUhCywRgHVLIbE22WwT0Hx6K6SB05EuABVLQZZ8unnKwZ2Fm6U+MRmOdUtJipTU5qqibVk6Po4y2wZwbgjNhTuvjvJsOlmG3FFJqgAEOVWJNZsvOpef70Pzu/oYLQhQJXgJcaQERjUA9GF+f///0VGUKeN8T9DAyMjI/YanpgII0HNf4b/D/8zMBQAAAwQI0W3cY3KAAAAAElFTkSuQmCC') 50% 50% no-repeat;
}
.socialOff a.linkedin{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAbFJREFUSEtjFK7cHMDI8K+egYHRgIEO4P///w8YGJkKGYUrNz1gZGCQp4OdSFb8v8AoUrnpP30thdg2ajHdQn1wBrW1ojDDwlhTho/ffzPkrbnAcPT+W6qFCF4f363zZODjYAFb9uj9Nwbj7r30t/jxh+8MRl176GMxKKgXxZoxfPzxmyF39Xn6BTXVvIfFILxxHKQvzSAvxAXW9uDtN4b1l54yyApwMkQYycKNWnHuMYOcIBdDuJEsmAaFzrZrzxlWnnuC1914LV6VaMHgqCoKNmDPzVcMkQtPMoCCf0OqFYrFyA6BSSw/+5ghb+0FnJZTbDE+bzlOPshw5fknrEqoYnH33lsMl59/ZIg0kmXw1JKAW1Sz9SrDzKP3aGMxyGCQBSAAyvOgvA8DIAd17b1JG4sDZh9DyWb7c+0ZdCT5wJbR1eKNqVYMVorCoxZjxDPFqRo9jod2UKdaKTGoi/GAg+nGy88Mc47fBxeZkcZy8KBbfvYRA6jmggFQKQYqOkHg6L03OCuWwdkCGbDaaXhaPCBdmP8MFxnBnbb//xsYGBn0aRm0MLP/MzA8ZGBgLAAArf49sxojAQkAAAAASUVORK5CYII=') 50% 50% no-repeat;
}
.rowsOfery .p_top_tit{
font-size: 20px;
font-weight: 700;
color: #000000;
display: block;
margin-bottom: 15px;
}
.rowsOfery .zajawkaOff{
display: block;
font-size: 16px;
font-weight: 400;
color: #535353;
font-style: italic;
}
@media screen and (max-width:840px){
.rowsOfery {grid-gap: 30px 124px;}
}
@media screen and (max-width:660px){
.rowsOfery {grid-gap: 30px 30px;}
}
@media screen and (max-width:490px){
.rowsOfery {grid-template-columns: 1fr;justify-items: center;}
.rowsOfery .oferta{max-width: 320px}
}