:root {
	--pico-font-family: "FiraGO", sans-serif;
	--pico-font-weight: 350;
}

header nav {
	justify-content: center;
}
.home header {
	display: none;
}
.home h2 {
	margin-top: 4rem;
}
body > main {
	padding: 0;
}
.home-page-hero {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: var(--pico-spacing);
}

.hero {
	text-align: center;

	nav {
		display: flex;
		flex-direction: column;
		gap: var(--pico-spacing);

		@media (width >= 576px) {
			flex-direction: row;
			justify-content: center;
		}
	}
}

footer {
	margin-top: 4rem;
	font-size: 0.8em;
	h2 {
		font-size: inherit;
		font-weight: 600;
	}
	display: grid;
	grid-template-columns: 16rem 1fr;
}
.footer-contact {
	display: grid;
	grid-template-columns: 1fr;

	p {
		margin: 0;
	}
}
.footer-links {
	ul {
		padding: 0;
	}
	li {
		list-style: none;
		margin: 0;
	}
}

h1 {
	font-weight: 800;
	font-size: 3em;
	text-align: center;
}

img {
	border-radius: var(--pico-border-radius);
}

article {
	position: relative;
	overflow: hidden;
	display: grid;
	padding: 0;
}
article a {
	padding: var(--pico-spacing);
	text-decoration: none;
}

.formations {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	column-gap: var(--pico-spacing);

	h2 {
		grid-column: 1 / -1;
	}
}
article.formation {
	background: color-mix(in srgb, var(--pico-background-color) 80%, transparent);
	min-height: 8rem;

	a {
		display: flex;
		flex-direction: column;
	}
	img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: -1;
	}
}
.titre-formation {
	margin-top: auto;
}

.date-actualite {
	color: var(--pico-muted-color);
	text-decoration: none;
	margin-left: var(--pico-spacing);
}

#contact-map {
	border-radius: var(--pico-border-radius);
	overflow: hidden;
	width: 100%;
	height: 20rem;
}