/* ==========================================================================
   Footer — media queries
   Groupées par breakpoint (voir brindille-footer.css pour les styles de base)
   ========================================================================== */

@media (min-width: 640px) {
	.main-footer__mascot {
		bottom: 0;
		right: 0;
		height: 70% !important;
	}

	.main-footer__wave svg {
		height: 90px;
	}

	.main-footer__bottom {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

@media (min-width: 768px) {
	.main-footer__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.main-footer__grid {
		grid-template-columns: 1.4fr 1fr 1fr 1fr;
	}
}