@charset "utf-8";
@import url("stylemenu.css");
@import url("common.css");

.gallery-container {
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: 250px;
	grid-gap: 10px;
}
.gallery__img{
	width: 100%;
	height:100%;
	object-fit:cover;
	transition:300ms;
	overflow: hidden;
}
.gallery__img:hover {
	transform:scale(1.1);
	-webkit-box-shadow:0px 0px 20px 10px #161616;
	box-shadow: 0px 0px 20px 10px #161616;
	border: thin solid #FFFFFF;
	
}
@media (max-width:600px){
    .gallery-container {
	grid-template-columns: repeat(2, 1fr);
	
    }

    
}


@media (min-width:1900px){
    .gallery-container {
    grid-template-columns: repeat(12, 1fr);}