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

.contenedorvideos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-left: 0%;
    justify-content: center;
    grid-gap: 15px;  
    
}


.video{
    width: 100%;}

.gallery-container {
	display: grid;
	grid-template-columns: repeat(9, 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;
}
.gallery__item:nth-child(1) {

	grid-row-start: span 2;
	grid-column-start: span 2;
}
.gallery__item:nth-child(2) {

	grid-row-start: span 2;
	grid-column-start: span 2;
}
.gallery__item:nth-child(3) {

	grid-row-start: span 4;
	grid-column-start: span 5;
}
.gallery__item:nth-child(4) {

	grid-row-start: span 2;
	grid-column-start: span 2;
}

.gallery__item:nth-child(5) {
	
	grid-column-start: span 2;
	grid-row-start: span 2;
}

.gallery__item:nth-child(6) {

	grid-column-start: span 6;
	grid-row-start: span 2;
}

.gallery__item:nth-child(7) {

	grid-column-start: span 3;
	grid-row-start: span 3;
}
.gallery__item:nth-child(8) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(9) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(10) {

	grid-column-start: span 3;
	grid-row-start: span 2;
}
.gallery__item:nth-child(11) {

	grid-column-start: span 3;
	grid-row-start: span 3;
}
.gallery__item:nth-child(12) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(13) {

	grid-column-start: span 3;
	grid-row-start: span 2;
}
.gallery__item:nth-child(14) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(15) {

	grid-column-start: span 5;
	grid-row-start: span 2;
}
.gallery__item:nth-child(16) {

	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery__item:nth-child(17) {

	grid-column-start: span 2;
	grid-row-start: span 1;
}

.gallery__item:nth-child(19) {

	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery__item:nth-child(20) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(21) {

	grid-column-start: span 4;
	grid-row-start: span 1;
}





	



@media (max-width:600px){
	
.contenedorvideos {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding-left: 0%;
    justify-content: center;
    grid-gap: 15px;  
    
}
	.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;
}
.gallery__item:nth-child(1) {

	grid-column-start: span 6;	
}
.gallery__item:nth-child(2) {

	grid-column-start: span 6;
}
.gallery__item:nth-child(3) {

	grid-column-start: span 6;
	grid-row-start: span 2;
}
.gallery__item:nth-child(4) {

	grid-row-start: span 2;
	grid-column-start: span 6;
}

.gallery__item:nth-child(5) {
	
	grid-column-start: span 6;
	grid-row-start: span 2;
}


.gallery__item:nth-child(6) {

	grid-column-start: span 6;
	grid-row-start: span 1;
}

.gallery__item:nth-child(7) {

	grid-column-start: span 3;
	grid-row-start: span 2;
}
.gallery__item:nth-child(8) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(9) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(10) {

	grid-column-start: span 6;
	grid-row-start: span 2;
}
.gallery__item:nth-child(11) {

	grid-column-start: span 6;
	grid-row-start: span 3;
}
.gallery__item:nth-child(12) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(13) {

	grid-column-start: span 3;
	grid-row-start: span 2;
}
.gallery__item:nth-child(14) {

	grid-column-start: span 3;
	grid-row-start: span 1;
}
.gallery__item:nth-child(15) {

	grid-column-start: span 6;
	grid-row-start: span 1;
}
.gallery__item:nth-child(16) {

	grid-column-start: span 2;
	grid-row-start: span 1;
}
.gallery__item:nth-child(17) {

	grid-column-start: span 4;
	grid-row-start: span 1;
}

.gallery__item:nth-child(18) {

	grid-column-start: span 2;
	grid-row-start: span 1;
}
.gallery__item:nth-child(19) {

	grid-column-start: span 4;
	grid-row-start: span 1;
}
.gallery__item:nth-child(20) {

	grid-column-start: span 6;
	grid-row-start: span 1;
}	
}

@media (min-width:1900px){

.gallery-container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: 250px;
	grid-gap: 10px;
}
.gallery__img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.gallery__item:nth-child(1) {

	grid-column-start: span 2;
	grid-row-start: span 3;
}
.gallery__item:nth-child(2) {

	grid-column-start: span 2;
	grid-row-start: span 3;
}
.gallery__item:nth-child(3) {

	grid-column-start: span 4;	
	grid-row-start: span 3;
}
.gallery__item:nth-child(4) {

	grid-column-start: span 2;
	grid-row-start: span 3;
}

.gallery__item:nth-child(5) {
	
	grid-column-start: span 2;
	grid-row-start: span 3;
}

.gallery__item:nth-child(6) {

	grid-column-start: span 6;
	grid-row-start: span 2;
}

.gallery__item:nth-child(7) {

	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery__item:nth-child(8) {

	grid-column-start: span 4;
	grid-row-start: span 1;
}
.gallery__item:nth-child(9) {

	grid-column-start: span 4;
	grid-row-start: span 1;
}
.gallery__item:nth-child(10) {

	grid-column-start: span 3;
	grid-row-start: span 2;
}
.gallery__item:nth-child(11) {

	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery__item:nth-child(12) {

	grid-column-start: span 4;
	grid-row-start: span 1;
}
.gallery__item:nth-child(13) {

	grid-column-start: span 3;
	grid-row-start: span 2;
}
.gallery__item:nth-child(14) {

	grid-column-start: span 4;
	grid-row-start: span 1;
}
.gallery__item:nth-child(15) {

	grid-column-start: span 6;
	grid-row-start: span 2;
}
.gallery__item:nth-child(16) {

	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery__item:nth-child(17) {

	grid-column-start: span 2;
	grid-row-start: span 2;
}

.gallery__item:nth-child(18) {

	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery__item:nth-child(19) {

	grid-column-start: span 6;
	grid-row-start: span 2;
}
.gallery__item:nth-child(20s) {

	grid-column-start: span 6;
	grid-row-start: span 2;
}	
}