/* CSS Document */



.gallery{
    columns: 3;
    padding: 0;
    margin: 30px 0;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap:20px;
}

.gallery li {
	list-style:none;
	aspect-ratio:6/4;
	overflow: hidden;
}


.gallery img{
	width:100%;
	height:auto;
	vertical-align: bottom;}


@media only screen and (max-width: 1200px) {
	.gallery{
		grid-template-columns: repeat(2, 1fr);
	}	
}

@media only screen and (max-width: 768px) {
	.gallery{
		grid-template-columns: repeat(1, 1fr);
		margin: 10px 0 0;
	}
}