@charset "UTF-8";
/* CSS MEDIA QUERIES */

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

	.wrap{
		width: 800px;
	}

}

@media screen and (max-width: 640px) {
	
	.wrap{
		width:100%;}
		
	.logo a{
		width:350px;}
		
	.phone{
		font-size:1.6em; height:60px; line-height:60px;
		text-align:center; padding:0 20px; top:0;
		float:right;}
		
	.facebook{
		background-position:50% 35%;
		text-indent:-99999px; height:60px; top:0;
		padding:0 60px 0 20px;}
		
		.facebook:hover{
			background-position:50% 35%;}
	
	.menu{
		margin-top:170px;}
		
		nav{
			padding-top:70px;}
		
		nav ul li a{
			font-size:2em;
			width:250px;}
		
	.texte-map{
		height:auto;}
		
		.texte-map p{
			width:96%;
			font-size:1.2em;
			padding:50px 2% 50px 2%;}
			
	.img{
		display:none;}
		
	.heures{
		background:none;
		border-bottom:25px solid #ffcb05;}
		
	#horaire h2{
		font-size:1.8em;}
		
	#horaire p{
		font-size:1.4em;
		padding:30px 0;}
		
		.lundi, .mardi, .mercredi, .jeudi, .vendredi, .samedi{
			margin:0 5% 30px;}
			
			.dimanche{
				margin-bottom:30px;}
				
	.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, .menu9{
		margin:50px 3%;}
		
		td{
			font-size:0.8em;
			padding:5px;}
			
		.bigger2{
			font-size:1.6em !important;}

	.specials-section{
		padding: 3rem 0;
	}

	.specials-section .grid-2{
		grid-template-columns: auto;
	}

	.specials-section .section-title{
		margin-bottom: 3rem;
	}

	.specials-section .section-title h2{
		font-size: 2rem;
		margin-bottom: .5rem;
	}

	.specials-section .section-title h3{
		font-size: 1.5rem;
	}

	.special{
		padding: 1rem;
	}

	.special h2{
		font-size: 1.25rem;
		margin-bottom: .875rem;
	}

	.special h2 span{
		font-size: 2rem;
	}

	.special h3{
		font-size: 1.125rem;
	}

	.special .price{
		margin: 1rem 0;
	}
		
	footer p{
		float:none;
		text-align:center;
		padding-bottom:10px;}
	
	footer a{
		float:none;
		text-align:center;
		display:block;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.wrap{
		width:100%;}
		
	.heures{
		background:none;
		border-bottom:25px solid #ffcb05;}
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	.wrap{
		width:100%;}
	
	.menu{
		height:600px;
		margin-top:280px;}
		
		nav{
			padding-top:70px;}
		
		nav ul li a{
			font-size:2em;
			width:250px;}
		
	.texte-map{
		height:auto;}
		
		.texte-map p{
			width:96%;
			font-size:1.6em;
			padding:50px 2% 50px 2%;}
			
	.img{
		display:none;}
		
	.heures{
		background:none;
		border-bottom:25px solid #ffcb05;}
		
	#horaire h2{
		font-size:1.8em;}
		
	#horaire p{
		font-size:1.4em;
		padding:30px 0;}
		
		.lundi, .mardi, .mercredi, .jeudi, .vendredi, .samedi{
			margin:0 5% 30px;}
		
	footer p{
		float:none;
		text-align:center;
		padding-bottom:10px;}
	
	footer a{
		float:none;
		text-align:center;
		display:block;}
}