.boxArticles{
display: grid;
grid-template-columns: 1fr;
grid-gap: 16px 16px;
margin-top: 30px;
}
.titleCat{
font-size: 20px;
font-weight: 500;
margin-top: 30px;
border-top: 1px solid #CCCCCC;
padding: 20px 0;
}
.catArticle{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 16px 16px;
padding: 20px;
box-sizing: border-box;
}
.catArticle .category{
border: 1px solid #CCCCCC;

box-sizing: border-box;
}
.catArticle .category a{
padding: 20px;
transition: all 0.5s ease-out 0s;
box-sizing: border-box;
height: 100%;
display: flex;
align-items: center;
}
.catArticle .category a:hover{
background-color: #E6E6EB;
}
.tytulArticleCat{
font-weight: 700;
font-size: 20px;
color: #000000;
margin-bottom: 10px;
display: block;
}

.catArticle .divPodCat {
display: flex;
flex-wrap: wrap;
gap: 15px;
}

.catArticle .divPodCat .podCatA{


}
.boxArticles .article{
padding: 20px;
box-sizing: border-box;
display: flex;
border-bottom: 1px solid #E6E6EB;
transition: all 0.5s ease-out 0s;
}

.boxArticles .article:hover{
background-color: #E6E6EB;
}

.boxArticles .article:last-child{
border-bottom: none;
}

.boxArticles .article:nth-child(2n+1){

}
.boxArticles .article .title{
margin-bottom: 15px;
font-size: 20px;
font-weight: 700;
}
.boxArticles .article .imgP{
margin-right: 20px;
}
.boxArticles .article .zajawkaArticle{
font-size: 16px;
margin-bottom: 15px;
color: #000000;
}
.boxArticles .article .footDiv{
text-align: right;
}
.boxArticles .article_right{
flex: 1;
}
@media screen and (max-width:1200px){
.catArticle{grid-template-columns: 1fr 1fr 1fr;padding: 10px;}
.tytulArticleCat{font-size: 16px}
}
@media screen and (max-width:670px){
.catArticle{grid-template-columns: 1fr 1fr;}
.catArticle{margin: 0}
}
@media screen and (max-width:400px){
.catArticle{grid-template-columns: 1fr;}
}