/* ---------------------------------------------- */
/* ---- FRONT - REPRESENTATION ------------------ */
/* ---------------------------------------------- */

.representation-section{max-width:1600px;background:#FFF;}
.representation-section h2{font-size:44px;padding:60px 0px;}


.representation-content{
	display:flex;
	width:100%;
	gap: 20px;
}


.box-representation{
	width:90%;
	margin:0 auto;
	height:230px;
	margin-bottom: 80px;
	display:block;
	transition: all 0.4s ease 0s;
}
.box-representation .representation-card{
	width:100%;
	overflow:hidden;
}

.box-representation .representation-card .representation-card-img{overflow:hidden;}
.box-representation .representation-card .representation-card-img img{width:100%}
.box-representation .representation-card .representation-card-img img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{max-width:100%;height:auto;}
.box-representation .representation-title{
	height:80px;
	max-height:80px;
	background-color:#EF5E04;
	display:flex;
	align-items: center;
}

.box-representation:hover{
	text-decoration:none;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}
.box-representation .representation-title p{
	width:90%;
	margin:0 auto;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	line-height:17px;
	letter-spacing:1.5px;
}


/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */


@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/

	.representation-content{width:90%;margin:0 auto;}


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/

	.representation-content{width:90%;margin:0 auto;}
    
	.box-representation {height: auto;}
	.box-representation .representation-title p{font-size: 11px;line-height: 15px;}
}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
   
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    

    
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
   
	.representation-content{width:90%;margin:0 auto;flex-wrap:wrap;}

    .box-representation{width:30%;height: auto;margin-bottom: 50px;}
	.representation-section h2{font-size:34px;padding:40px 0px;}
	
	.box-representation .representation-title p{font-size:12px;line-height:14px;}
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	

	
    .box-representation{height:220px;}
	

	.representation-content{width:90%;margin:0 auto;flex-wrap:wrap;}

    .box-repres{width:50%;}
	.box-representation{width:30%;height: auto;margin-bottom: 50px;}
	.representation-section h2{font-size:1.75em;padding:40px 0px;}
	.logo-partenaire a{height:180px;}
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/


	representation-section h2 {font-size:1.75em;}
	.box-representation {width: 70%;}

	.representation-content{width:90%;margin:0 auto;flex-wrap:wrap;}
}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/

	.representation-content{width:90%;margin:0 auto;flex-wrap:wrap;}

    .box-repres{width:50%;}
	.representation-section h2{width:100%;font-size:1.75em;padding:40px 0px;}
	.logo-partenaire a{height:180px;}



	.representation-section h2 {font-size:1.75em;width:90%;}
	.box-representation {width:90%;height:170px;margin-bottom: 120px;}
	
	.box-representation .representation-title p{font-size: 10px;line-height: 14px;letter-spacing:1px;}
}