.content-text{
width: 1300px;
max-width: 100%;
margin: 0px auto;
}
.imgProject{
float: left;
margin: 0px 20px 0px 0px;
}
.powrot{
float: right;
margin-top: 30px;
}
.podobneBox{
width: 1300px;
max-width: 100%;
margin: 50px auto 0px auto;
}

.boxArtDiv{
display: grid;
grid-gap: 48px 48px;
grid-template-columns: 1fr 1fr 1fr;
}

.boxArtDiv>div{
box-sizing: border-box;
}


.boxArtDiv .art a{
display: block;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
box-shadow: 0px 30px 40px rgba(0,0,0,0.08);
height: 100%;
transition:all 0.5s ease-out 0s;
}

.boxArtDiv .art a:hover{
box-shadow: 0px 30px 40px rgba(0,0,0,0);
}
.boxArtDiv .art .imgArt{
display: block;
}

.boxArtDiv .art .imgArt img {
max-width: 100%;
height: auto;
}
.boxArtDiv .art .tekst {
box-sizing: border-box;
padding: 30px 45px 60px 45px;
color: #000000;
}
.boxArtDiv .art .tekst .title {
font-family: var(--gfont2-family);
font-size: 20px;
font-weight: 700;
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
line-height: 1.7em;
transition: all 0.5s ease-out 0s;
}
.boxArtDiv .art a:hover .tekst .title {
color: var(--g1-color);
}

.boxArtDiv .art .tekst .title::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 60px;
height: 1px;
background-color: #000000;
transition: all 0.5s ease-out 0s;
}
.boxArtDiv .art a:hover .tekst .title::after {
width: 100%;
}
.boxArtDiv .art .tekst .zajawka {
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
}

@media screen and (max-width:1000px){
.div_content .content-text{padding: 30px 15px 30px 15px;}
}

@media screen and (max-width:1600px){
.boxArtDiv{grid-gap: 20px 20px}
}
@media screen and (max-width:1580px){
.boxArtDiv .art .tekst{padding: 20px;}
.boxArtDiv .art .tekst .title{font-size: 17px;line-height: 1.5em;padding-bottom: 15px;margin-bottom: 15px;}
.boxArtDiv .art .tekst .zajawka {font-size: 16px}
}
@media screen and (max-width:1030px){
.boxArtDiv{grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width:488px){
.boxArtDiv{grid-template-columns: 1fr;}
}