#hero {
	min-height: 100vh;
	grid-template-columns: 1fr auto 1fr;
	/*
	* WIP : trying to find a solution to have both qualities :
	* - elements are spread across the page vertically ('hugo lamy developpeur' is not compacted on top)
	* - the details element 'voir le cv' dont jump when we unroll it
	*
	grid-template-rows: 1fr auto 1fr;
	grid-template-rows: auto auto 1fr;
	*/
	grid-template-rows: 50vh auto 1fr;
}
#hero .subtitle {
	text-align: center;
	display:inline-block;
	max-width: 700px;
}