.conteneur {
	padding: 20px 20px 50px;
	margin: auto;
	max-width: 900px;
}

#sons {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#sons span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 150px;
	font-size: 20px;
	margin-top: 30px;
	background: #f7d000;
	color: #001d1d;
	border-radius: 7px;
	cursor: pointer;
}

#sons span:hover {
	opacity: 0.85;
}

@media screen and (max-width: 399px) {
	#sons span {
		width: 100%;
		height: 120px;
		font-size: 18px;
	}
}

@media screen and (min-width: 400px) and (max-width: 727px) {
	#sons span {
		width: 47%;
		height: 120px;
		font-size: 18px;
	}
}