/***************************Estillos de la galeria**********************/

.galeria-contenedor{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 150px;
	padding:10px;
	grid-gap: 5px;
	}
.galeria-item{
	position:relative;
	}
	
.galeria-img{
	width:100%;
	height:100%;
	object-fit: cover;
	cursor:pointer;
	filter: brightness(100%);
	}	
.galeria-img:hover{
	filter: brightness(70%);
	}
	
.galeria-titulo{
	position:absolute;
	bottom:0;
	color:#FFF;
	background:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,1));
	width:100%;
	margin:0;
	padding:10px;
	}
	
.galeria-item:nth-child(1){
	grid-column-start: span 2;
	}
	
.galeria-item:nth-child(4){
	grid-column-start: span 2;
	}
	
.galeria-item:nth-child(5){
	grid-row-start: span 2;
	}
.galeria-item:nth-child(8){
	grid-column-start: span 2;
	}
	
.galeria-item:nth-child(9){
	grid-column-start: span 2;
	}

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

.galeria-item:nth-child(13){
	grid-column-start: span 2;
	}
	
.galeria-item:nth-child(15){
	grid-column-start: span 2;
	}	
.galeria-item:nth-child(18){
	grid-column-start: span 2;
	}

	
/***************************Estillos Responsive**********************/


@media(min-width:768px){
	.galeria-contenedor{
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 180px;
	}
	.galeria-item:nth-child(5){
		grid-row-start: span 2;
		grid-column-start: span 2;
	}
	.galeria-item:nth-child(9){
		grid-column-start: span 2;	
	}	
	.galeria-item:nth-child(11){
	grid-column-start: span 1;
	}
	
	.galeria-item:nth-child(12){
		grid-column-start: span 1;
	}
	.galeria-item:nth-child(13){
		grid-column-start: span 1;
	}


	.galeria-item:nth-child(15){
	grid-column-start: span 3;
	}

}

@media(min-width:1024px){
	.galeria-contenedor{
		grid-template-columns: repeat(5, 1fr);
		margin:auto;
		width:90%;
		grid-auto-rows: 220px;
	}
	.galeria-item:nth-child(1){
		grid-column-start: span 2;
	}
	.galeria-item:nth-child(2){
		grid-column-start: span 3;
	}
	.galeria-item:nth-child(3){
		grid-column-start: span 3;
	}
	.galeria-item:nth-child(5){
		grid-row-start: span 2;
		grid-column-start: span 2;
	}
	.galeria-item:nth-child(6){
		grid-column-start: span 2;
	}
	.galeria-item:nth-child(9){
		grid-column-start: span 1;
	}	

	.galeria-item:nth-child(10){
		grid-column-start: span 1;
	}
	.galeria-item:nth-child(11){
		grid-column-start: span 2;
	}	.galeria-item:nth-child(12){
		grid-column-start: span 2;
	}
	.galeria-item:nth-child(13){
		grid-column-start: span 1;
	}	
	
	.galeria-item:nth-child(17){
		grid-column-start: span 2;
	}


}