#gallery {
}
#gallery .photos {
	display: grid;
	grid-template: auto / 1; gap: 1.5rem;
}
#gallery .photos .photo {
	display: block; position: relative;
	padding: 0 0 75% 0;
}
#gallery .photos .photo img {
	display: block; position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	-o-object-fit: cover; object-fit: cover;
}
@media only screen and (min-width: 480px) {
	#gallery .photos {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (min-width: 768px) {
	#gallery .photos {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (min-width: 1024px) {
	#gallery .photos {
		grid-template-columns: repeat(4, 1fr);
	}
}