/* CSS Document  Index.php */
@media  { 

 
.portfoliocatalogs{padding-bottom:1em;}
.portfoliocatalogs__nodata{}

.portfoliocatalogs__list{
	
display: grid;
width:100%;
grid-gap: 1em 1em;
grid-template-columns: repeat(auto-fit, 200px);
grid-auto-flow: row;
align-items: start;
}


.portfoliocatalogs__list__element{
text-decoration:none;	
display:flex;
flex-direction:column;
flex-wrap:wrap;
width:200px;	
}


.portfoliocatalogs__list__element__title{	
font-size:16px;
word-break:break-word;
line-height:1.2em;
text-align:center;
color:black;
}

.portfoliocatalogs__list__element__title__el:first-child{
font-size:1em;
word-break:break-word;
font-weight:bold;
}

.portfoliocatalogs__list__element__img{
margin-bottom:0.5em;
border-radius:3px;	
}
.portfoliocatalogs__list__element__img:hover{
outline:2px solid lightgreen;	
}

}

@media  all and (min-width: 950px) {
.portfoliocatalogs__list:has{justify-content: start;}	
.portfoliocatalogs__list:has(> *:nth-child(4)){	
justify-content: space-between;
}
}


@media  all and (max-width: 950px) {
	
.portfoliocatalogs__list:has{justify-content: start;}	
.portfoliocatalogs__list:has(> *:nth-child(2)){
justify-content: space-around;	
}
	
}