.page{
	padding-top: calc(#{$header-desktop-height} + 65px);
}

.container.front {
	max-width: 1600px;
}

.titre-page{
	@extend %chapeau;
	margin-bottom: 75px;
}

.thumbs-list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 1em;
	grid-row-gap: 2em;
}

@media screen and (max-width: $fullhd){
	.container.front {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1024px){
	.thumbs-list{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 480px){
	.thumbs-list{
		grid-template-columns: repeat(2, 1fr);
	}
}