.container{
width: 100%;
/*min-height:1000px;*/
display: flex;
align-items: center;
justify-content: center;
padding: 0 8%;
	  
}


.gallery{
flex-wrap: wrap;
margin:0 0 0 0;
justify-content: center;
	
width: 100%;
/*width: auto;*/
display:inline;
/*grid-template-columns:repeat(minmax(100px, 1fr));*/
/*gap: 30px;*/
}


.gallery img{
	width: 305px;
	border: 2px solid #FFFFFF;
	border-radius: 10px;		
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	transition: transform 0.3s ease;
	
	/*-------------------*/
	margin: 5px;
	/*-------------------*/
	
	filter:grayscale(0);
	filter:brightness(1);	
}


.gallery img:hover{
	transform: scale(1.02);
	filter:grayscale(1);
	filter:brightness(1.1);
}






@media (max-width: 768px) {
	
	.gallery{
    width: 100%;
    display:inline-block;
    gap: 50px;
}
	
	
	.gallery img{	
	width: 180px;
	border-radius: 5px;	
	border: 1px solid #FFFFFF;
	margin: 2% 0% 5% 2%;		
}
	

		
}

@media (max-width: 360px){
	
	.gallery img{	
	width: 140px;
	border-radius: 5px;	
	margin: 3% 0% 5% 1%;
}
	
}