/* CSS Document */

@media (min-width: 0px){

	.conseils {
		list-style: none;
		margin: 0px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding: 1.5rem;
	}
	.conseils li {
		border: 4px dashed #999999;
		border-radius: 1.5rem;
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
		text-align: center;
	}
	.conseils li h3 {
		font-style: normal;
		font-weight: normal;
		font-size: 1.5rem;
		
	}
	
}
@media (min-width: 720px){
	
	.conseils {
		display: flex;
		flex-wrap: wrap;
	}
	.conseils li {
		margin-right: 1.5rem;
		width: calc(100% / 2 - 8px - 1.5rem);
	}
	.conseils li:nth-child(2n+2) {
		margin-right: 0px;
	}
	
}
@media (min-width: 1024px){
	
	.conseils li {
		width: calc(100% / 3 - 8px - 1.5rem);
	}
	.conseils li:nth-child(2n+2) {
		margin-right: inherit;
	}
	.conseils li:nth-child(3n+3){
		margin-right: inherit;
	}
}