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


.gallery-container {
	display:grid;
	grid-template-columns: repeat(3, 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;
	
}
.contenedorvideos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0%;
    justify-content: center;
    grid-gap: 15px;  
    
}

.video{
    width: 100%;
    
}
@media (max-width:600px){
    .gallery-container {
	grid-template-columns: repeat(2, 1fr);
	
    }
    .contenedorvideos {
        grid-template-columns: repeat(1, 1fr);
    padding-left: 0%;
    padding-right: 0%;} 
    
}


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

     .contenedorvideos {
     grid-template-columns: repeat(3, 1fr);
    width: 100%;

    }
}
    
.video{
    width: 100%;
   
    
}