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

 
.portfoliomaincat{padding-bottom:1em;box-sizing:border-box;}
.portfoliomaincat__nodata{}

.portfoliomaincat__panel{
display: grid;
width:100%;
gap: 5px;
grid-template-columns: repeat(auto-fit,  minmax(270px, 1fr));
justify-content:space-between;
justify-items: stretch; 
list-style-type: none;
padding-inline-start:0;	
padding-left:0px;	
margin-block-start: 0;
margin-block-end: 0; 
border:5px solid #e9e9e9;
background:#e9e9e9;
box-sizing:border-box;
}

.portfoliomaincat__list__element__link{
	
text-decoration:none;	
display:flex;
flex-direction:column;
flex:0 0 auto;
flex-wrap:wrap;
position:relative;
list-style-position: inside;	
padding:0px;
align-items:center;	
}
.portfoliomaincat__list__element{
	
padding:10px;
background:white;	
}
.portfoliomaincat__list__element__link::before{}


.portfoliomaincat__list__element__link__title{
	
font-size:22px;
word-break:break-word;
line-height:1.2em;
text-align:center;
color:black;
font-weight:bold;
text-shadow: white 0 0 5px;
}

.portfoliomaincat__list__element__link__img{
	
margin-bottom:0.5em;
width:270px;	
box-sizing: border-box;
border-radius:3px;

}

.portfoliomaincat__list__element:hover{
	
background:lightgrey;	
}


@media  all and (min-width: 950px) {
	
.portfoliomaincat__panel{
justify-content:space-between;

}
	
}


@media  all and (max-width: 950px) {
	
.portfoliomaincat__panel{
	justify-content:space-around;

}

}