/* --------------------------------------------|
|                                              |
| Gallery                                      |
|                                              |
|-------------------------------------------- */

.section--gallery {
    margin-bottom: 40px;
}

.gallery__day:not(:last-child) {
	margin-bottom: 80px;
}

.gallery__grid {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	align-items: center;
}

@media (min-width: 1024px) {
	.gallery__grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.gallery__item picture,
.gallery__item img {
	display: block;
	width: 100%;
	height: auto;
}

.gallery__item figcaption {
	word-wrap: anywhere;
}