.box_tworczosc{

}
.div_tworczosc{
padding: 70px 15px 60px 15px;
width: 1170px;
box-sizing: border-box;
max-width: 100%;
margin: 0px auto;
}

.div_tworczosc a.buton1{
display: inline-block;
}

.dsc{

}
.twor{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px 15px;
}
.twor .rowCat{
display: grid;
grid-template-rows: 1fr auto;
}
.twor .rowCat .rowTitleCat{
font-size: 24px;
font-weight: 400;
color: #B0BEC5;
text-align: center;
margin-bottom: 20px;
}
.twor .rowCat .rowTitleCat a{
color: #B0BEC5;
}
.twor .rowCat .art{
margin-bottom: 20px;
box-sizing: border-box;
border: 1px solid #ECEFF1;
padding: 35px 40px 50px 40px;
text-align: center;
}
.twor .rowCat .footCat{
text-align: center;
}
.twor .rowCat .art .artTitle{
color: #263238;
font-size: 24px;
font-weight: 700;
margin-bottom: 24px;
}
.twor .rowCat .art .artText{
color: #263238;
font-size: 18px;
font-weight: 400;
padding: 50px 0px 60px 0px;
background-image: url('../images/quote.svg'),url('../images/quote.svg');
background-position: 0 0,100% 100%;
background-repeat: no-repeat;
}

.twor .rowCat .art .artText p{
margin-bottom: 25px;
}


.box_tworczosc .twor .rowTytul{
display: inline-block;
font-size: 20px;
font-weight: 700;
line-height: 1.2em;
background-color: var(--g3-color);
border: 1px solid var(--g3-color);
color: #FFFFFF;
padding: 14px 100px 14px 20px;
box-sizing: border-box;
position: relative;
transition:all 0.5s ease-out 0s;
text-align: left;
min-width: 80%;
}

.box_tworczosc .twor .rowTytul:hover{
background-color: #FFFFFF;
color: var(--g3-color);
}

.box_tworczosc .twor .rowTytul:after{
content: "";
width: 35px;
height: 13px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC45NzMiIGhlaWdodD0iMTIuNTgzIiB2aWV3Qm94PSIwIDAgMzQuOTczIDEyLjU4MyI+DQogIDxwYXRoIGlkPSJhcnJvdyIgZD0iTTE5My40NDQsNDkuNDE2bC01LjMyMi01LjMyMmEuOTcuOTcsMCwwLDAtMS4zNzIsMS4zNzJsMy42NjcsMy42NjdIMTU5LjcyNWEuOTcuOTcsMCwxLDAsMCwxLjkzOWgzMC42OTNsLTMuNjY3LDMuNjY2YS45Ny45NywwLDEsMCwxLjM3MiwxLjM3MWw1LjMyMi01LjMyMmEuOTY5Ljk2OSwwLDAsMCwwLTEuMzcxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1OC43NTUgLTQzLjgxKSIgZmlsbD0iIzI2MzIzOCIvPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
display: inline-block;
vertical-align: middle;
filter: brightness(0) invert(100%);
position: absolute;
right: 24px;
top:0px;
bottom: 0px;
margin: auto;
transition:all 0.5s ease-out 0s;
}
.box_tworczosc .twor .rowTytul:hover:after{
filter: brightness(100%) invert(0%);
}

@media screen and (max-width:1200px){
.div_tworczosc .twor a .rowTytul{font-size: 20px}
.div_tworczosc{padding: 30px 15px;}
}
@media screen and (max-width:810px){
.twor{grid-template-columns: 1fr;}
.twor .rowCat{margin-bottom: 30px}
}