.list ul.opportunite
{
	padding: 0px 15px;
	text-align: center;
	/*
	display: flex;
	flex-wrap: wrap;
	justify-content:center;*/
}

.list ul.opportunite li
{
	display: inline-block;
	list-style: none;
	box-sizing: content-box;
	padding: 0px 10px;
	width: 30%;
	min-width: 200px;
	max-width: 300px;
	vertical-align: top;
}

.list ul.opportunite .image
{
	width: 100%;
	text-align: center;
}

.list ul.opportunite .image img
{
	width:150px;
}

.list ul.opportunite li h3
{
	margin:0px;
	text-align: center;
	margin-bottom: 20px;
}

.list ul.opportunite li p 
{
	text-align: center;
}

@media only screen and (max-width: 900px) {
	
	.list ul.opportunite li p
	{
		font-size: 0.9em;
	}
}

@media only screen and (max-width: 750px) {

	.list ul.opportunite li { width: 45%; }
}

@media only screen and (max-width: 500px) {

	.list ul.opportunite li { width: 100%; }
}