@font-face {
  font-family: 'League Spartan';
  src: url("../fonts/LeagueSpartan-VariableFont_wght.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url("../fonts/Cairo-VariableFont_slnt,wght.ttf");
  font-display: swap;
}


@media (min-width: 1200px){
  
}
@media (min-width: 1600px){

}


@media (max-width: 1600px){

	
}

@media (max-width: 1400px){
    
	.title{
		font-size: 48px;
		
	}

	.intro_content p{
		width:80%;
		
	}

	.card_content p{
		width:80%;

	}

	.footer_left{

		width: 50%;
	}
}

@media (max-width: 1199px){ /* IPAD PRO */
   
	   .menu_list{

		width:40%;
	}
	   
	   
	   .title{
		font-size: 48px;
		
	}

	.intro_content p{
		width:100%;
		
	}

	.card_content p{
		width:100%;

	}

	.horaire{

		width:50%;

		
	}

	.map{
		
		width:80%;
		margin-left:20px;
	}


	.footer_left{

		width: 60%;
	}

   
   
}

@media screen and (max-width: 991px) { /* IPAD MINI */
    /********************  Mobile Menu Css Start *********************/

	  
	.menu_list{

		width:30%;
		text-align:right;
	}
	   
	   
	.title{
		font-size: 40px;
		
	}
	
	.hero_content .title{
		width:60%;
	}
	
	.hero_stamp{
		width:300px;
		height:300px;
		margin-right:-20px;
	}
	
	.map_content{
		flex-direction: column;
	
	}
	.map_content div h3, .map_content div p{
		text-align:center;
	
	}
	
	.horaire{

		width:30%;
		margin: 0 auto;
		margin-top:20px
		
	}

	.map{
		
		width:100%;
		margin-left:0px;
		margin-top:30px
	}


	.footer_left{

		width: 80%;
	}
}

@media (max-width: 767px){ /* PHONE */

	.menu_list li.mobile{
		display:inline-block;
	}

	.header_content{
	flex-direction: column;
	
	
	}
	.header_content a{
	
		font-size:20px;
	}
	
	
	.header_address{
		display:none;
		
	}
	

	.menu_list{

		width:100%;
		justify-content: space-between;
	}
	
	.menu_list ul{

		width:100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top:30px;
	}
	
	.menu_list li{

		margin:0;
	}
	   
	   
	.title{
		font-size: 48px;
		
	}
	
	.hero_content .title{
		width:100%;
		text-align:center;
	}
	
	.hero_stamp{
		display:none;
	}
	
	
	
	.horaire{

		width:40%;
		
		
	}
	
	.footer_content{

	flex-direction: column;
	
	}


	.footer_left{

		width: 100%;
	}
	
	.logo_binome{
		
		margin-top:50px;
		
	}
	
}

@media (max-width: 575px){
    
   
}
@media (max-width: 500px){ /* CUSTOM pour O Bonne Heure */
    
	.header_content a{
	
		font-size:18px;
	}
	
	.title{
		font-size: 38px;
		
	}
	
	.subtitle{
		font-size: 28px;
	}
	
	
   .horaire{

		width:50%;
		
		
	}
}

@media (max-width: 450px){}

@media (max-width: 400px){
		
}

@media (max-width: 367px){

}