
.Zaj179 {
display:flex !important;
float: left !important;
width: 33.33333% !important;
height:33.33333% !important;
position:relative !important;
justify-content:space-evenly;
}

#GrupaZajawek .Zaj179 {
width: 100% !important;
height: 250px !important;
}

.Zaj179 > div {
display:flex !important;
float: left !important;
width: 100%;
height: 100%;
padding:25px;
position:relative !important;
justify-content:space-evenly;
align-items:center;
flex-direction:column;
background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
position:relative;
overflow:hidden;
}/*------------KOLUMNY------------*/.Zaj179 > div > p {
font-size:40px;
}

.Zaj179 > div > span {
font-size:23px;
font-family:var(--f2);
text-align:center;
}

.Zaj179 > div > span > p {
font-size:12px;
font-family:var(--f1);
margin-top:12px;
}

.Zaj179 > div > div {
position:absolute;
bottom:-100%;
left:0;
width:100%;
height:100%;
padding:25px;
display:flex;
flex-direction:column;
justify-content:space-evenly;
align-items:center;
font-size:14px;
font-weight:400;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.29);
transition:0.9s;
}

.Zaj179:hover > div > div {
bottom:0;
left:0;
transition:0.9s;
}

.Zaj179 > div > div > a {
font-size:30px;
color:var(--k4);
}/*------------KOLUMNY------------*/.Zaj179.k2 {
background-color:var(--k2);
color:var(--k1);
}

.Zaj179.k5 {
background-color:var(--k5);
color:var(--k1);
}

.Zaj179.k4 {
background-color:var(--k4);
color:var(--k2);
}

.Zaj179.k3 {
background-color:var(--k3);
color:var(--k2);
}

.Zaj179.k6 {
background-color:var(--k6);
color:var(--k4);
}

.Zaj179.k2 > div > div,
.Zaj179.k2 > div > div > a {
background-color:var(--k2);
color:var(--k1);
}

.Zaj179.k5 > div > div,
.Zaj179.k5 > div > div > a {
background-color:var(--k5);
color:var(--k1);
}

.Zaj179.k4 > div > div,
.Zaj179.k4 > div > div > a {
background-color:var(--k4);
color:var(--k2);
}

.Zaj179.k3 > div > div,
.Zaj179.k3 > div > div > a {
background-color:var(--k3);
color:var(--k2);
}

.Zaj179.k6 > div > div,
.Zaj179.k6 > div > div > a {
background-color:var(--k6);
color:var(--k4);
}
