.tags {
display:flex;
justify-content: center;
flex-wrap:wrap;
margin-bottom:5rem;
}

.tags a:link, .tags a:visited, .tags a:active  {
color:#000;
text-transform:uppercase;
text-decoration:none;
font-weight:600;
margin:1rem 2rem;
font-size:0.75rem;
display: flex;
justify-content: center;
align-items: center;
}

.tags a:hover {
color:var(--dark-brown);
}

.tag_active {
color:var(--dark-brown) !important;
}

.projekty {
display:grid;
grid-template-columns:33% 33% 33%;
align-items:center;
justify-content:center;
}

.projekty > div {
position:relative;
width:100%;
height:0;
padding-bottom:66%;
background-size:cover;
}

.projekty > div > a:link, .projekty > div > a:visited, .projekty > div > a:active  {
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:absolute;
width:100%;
height:100%;
opacity:0;
background:RGBA(0,0,0,0.75);
transition:opacity 0.4s;

font-family:'Heuristica';
color:#fff;
font-size:2rem;
text-decoration:none;
}

.projekty > div > a:hover {
opacity:1;
}

.projekt-nazwa {
font-weight: 600;
font-size: 1.3rem;
margin-bottom: 3rem;
}

.projekt-opis {
display: grid;
grid-template-columns: 30% 65%;
grid-column-gap: 5%;
}

.projekt-opis-tekst {
font-weight:500;
font-size:0.9rem;
}


@media (max-width:949px) {

.tags a:link, .tags a:visited, .tags a:active  {
font-size:1.15rem;
}

.projekty {
grid-template-columns:100%;
}

.projekt-opis {
display: flex !important;
flex-direction: column; 
}
.projekt-opis-tekst {
margin: 0 2rem 2rem;
font-size: 1.15rem;
}
.projekt-nazwa {
//font-family: 'Heuristica';
//letter-spacing: 3px;
font-size:2rem;
}

.tags {
margin:2rem 0;
}
.single_project {
display:none !important;
}
.margin-header {
padding-top:100px;
}
}