@media screen and (orientation:landscape) {
	.gallery-icon:nth-child(3n + 1){
		grid-row: span 2 / auto;
	}
	
	.gallery-icon:nth-child(9n + 1){
		grid-column: span 2 / auto;
	}
}

@media screen and (orientation:portrait) {
	.gallery-icon:nth-child(3n + 1){
		grid-row: span 1 / auto;
	}
	
	.gallery-icon:nth-child(9n + 1){
		grid-column: span 1 / auto;
	}
}


.gallery { 
	display: grid;
	gap: 1.5rem;

	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-auto-rows: 240px;
}



.gallery .gallery-item {
	object-fit: cover;
	width: 100%;
	overflow:hidden
}

.gallery-icon{
	height: 100%;
	width: 100%;
}

.gallery img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	box-shadow: 7px 7px 0px 3px #CD5C5C;
}

.gallery img:hover {
	box-shadow: 7px 7px 0px 3px #801717;
}