#home3{
	background-image: url(img/nutrition.jpg);
	background-repeat: no-repeat;
    background-position: 50% 40%; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width: 100%;
	height: /*525*/0px;
	margin: 0;
	padding: 0;
}

#menuwok{
	background-color: rgb(236, 232, 26);
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	padding-top: 30px;
	padding-bottom: 1px;
}

@media only screen and (max-width: 1100px) {
	.menuwok_tt{
		display: none;
	}
}

#pdf{
	text-align: center;
	font-size: 1.5em;
	margin-top: -50px;
	margin-bottom: 100px;
}

#pdf a{
	color: black;
}

@media only screen and (min-width: 1101px) {
	#pdf{
		display: none;
	}
}

 #food1,#food2,#food3,#food4,#food5{
    width: 800px;
    background-color: rgb(251,250, 245);
    margin-bottom: 80px;
    border-radius: 25px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: 20px;
    font-size: 2em;
	
}

#food_top{
    width: 800px;
    margin-bottom: 80px;
    border-radius: 25px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: -20px;
    font-size: 1.3em;
	text-transform: uppercase;
}

@media only screen and (max-width: 800px) {
	#food_top{
		width: 100%;
	}
}

#food_top h2{
	font-size: 2.5em;
	font-family: ammys_handwritingregular, sans-serif;
	text-transform: uppercase;
}

@media only screen and (max-width: 350px) {
	#food_top h2{
		font-size: 2em;
	}
}

#food4{
    height: 400px;
    /*margin-top: 50px;*/
}

.food4{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 170px;
}

.bangalore, .bangkok, .bombay, .canton, .kobe, .saigon, .szechuan{
	text-transform: lowercase;
	font-size: 0.8em;
	padding-right: 100px;
	padding-left: 100px;
}

.titresauce{
	font-family: futura;
}

.instruction{
	text-transform: lowercase;
	font-size: 0.8em;
}

.maj{
	text-transform: uppercase;
}

#food2{
    height: 400px;
}

#food3{
    height: 400px;
}

#food1{
    height: 400px;
}

#food5{
    height: 400px;
}

.f1, .f2, .f3, .f4, .f5, .f6, .f7{
	height: 175px;
	width: 200px;
	background-repeat: no-repeat;
	-moz-transition-property: height;
    -o-transition-property: height;
    -webkit-transition-property: height;
    transition-property: height;
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

.f1:hover, .f2:hover, .f3:hover, .f4:hover, .f7:hover{
	height: 230px;
	cursor:  pointer;
}

.f5:hover, .f6:hover{
	height: 215px;
	cursor:  pointer;
}


.f1{
    background-image: url(img/nutrition/sauces/bangalore.png);
    background-position: 50% 0%;
}

.f2{
    background-image: url(img/nutrition/sauces/bangkok.png);
    background-position: 50% 0%;
}

.f3{
    background-image: url(img/nutrition/sauces/bombay.png);
    background-position: 50% 0%;
}

.f4{
    background-image: url(img/nutrition/sauces/canton.png);
    background-position: 50% 0%;
}

.f5{
    background-image: url(img/nutrition/sauces/kobe.png);
    background-position: 50% 0%;
}

.f6{
    background-image: url(img/nutrition/sauces/saigon.png);
    background-position: 50% 0%;
}

.f7{
    background-image: url(img/nutrition/sauces/szechuan.png);
    background-position: 50% 0%;
}





#goodfood{
	width: 600px;
	height: 150px;
	margin-top: -45px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/nutrition/Good_food_good_mood.png);
	background-repeat: no-repeat;
    background-position: 50% 0%; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}



#boutonfood{
	font-size: 4em;
	display: absolute;
}

.bright{
	float: right;
	margin-right: 15%;
	margin-top: 200px;
}

@media only screen and (max-width: 1300px) {
	.bright{
		margin-right: 50px;
	}
}

@media only screen and (min-width: 1500px) {
	.bright{
		margin-right: 20%;
	}
}

@media only screen and (min-width: 1800px) {
	.bright{
		margin-right: 25%;
	}
}

@media only screen and (min-width: 2200px) {
	.bright{
		margin-right: 30%;
	}
}

.bleft{
	float: left;
	margin-left: 15%;
	margin-top: 200px;
}

@media only screen and (max-width: 1300px) {
	.bleft{
		margin-left: 50px;
	}
}

@media only screen and (min-width: 1500px) {
	.bleft{
		margin-left: 20%;
	}
}

@media only screen and (min-width: 1800px) {
	.bleft{
		margin-left: 25%;
	}
}

@media only screen and (min-width: 2200px) {
	.bleft{
		margin-left: 30%;
	}
}

ul.menufood li{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.4em;
}

ul.menufood li a{
	text-decoration: none;
	border: 1px solid rgb(236, 232, 26);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: black;
}

ul.menufood li a:hover{
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
}


#menufood{
	margin: 0;
	padding: 0;
	margin-top: -60px;
	margin-bottom: 30px;
}

ul.menufood {
	width : 1100px;
	margin-right: auto;
	margin-left: auto;
	list-style-type : none;
	display: flex;
	justify-content: center;
	padding: 0;
}











/*INGREDIENTS du menu */


#starchy{
	display: flex;
	margin-top: 0px;
}

#proteins{
	display: flex;
 	justify-content: center;
 	margin-top: 0px;
}

#vegetables{
	display: flex;
 	justify-content: center;
 	margin-top: -25px;
 }

.starchy1, .starchy2, .veg1, .veg2, .veg3{
	display: flex;
    flex-direction: column;
    justify-content: space-around;

}

.starchy_desc, .veg_desc{
	margin-top: -25px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

	font-family: futura_oblique, sans-serif;
}

 .veg_desc{
 	width: 230px;
 	margin-right: 20px;
 	margin-left: 20px;
 	font-size: 0.6em;
 }
 
 .starchy_desc{
  	width: 300px;
 	font-size: 0.7em;
 }

.veg_h{
	margin-top: 0px;
}

#info_tzay{
	width: 700px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.7em;
	font-family: futura_oblique, sans-serif;
}

.nouilles, .riz, .proteins1, .proteins2, .proteins3, .proteins4, .proteins5, .proteins6, .proteins7, .bambo, .yin, .yang, .ananas, .oeuf, .shitake{
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
    background-position: 50% 50%; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.nouilles, .riz{
	width: 400px;
	height: 140px;
}

.bambo, .yin, .yang{
	margin-top: 25px;
	width: 200px;
	height: 140px;
}

.ananas, .oeuf, .shitake{
	width: 250px;
	margin-top: 35px;
	height: 200px;
}

.oeuf{
}

.proteins1, .proteins2, .proteins3, .proteins4, .proteins5, .proteins6, .proteins7{
	width: 200px;
	height: 140px;
	margin-bottom: 50px;
}

.proteins1 p, .proteins2 p, .proteins3 p, .proteins4 p, .proteins5 p, .proteins6 p, .proteins7 p{
	padding-top: 115px;
	font-size: 0.7em;
}

.nouilles{background-image: url(img/nutrition/nouilles.png);}
.riz{background-image: url(img/nutrition/riz.png);}
.proteins1{background-image: url(img/nutrition/proteins/boeuf.png);}
.proteins2{background-image: url(img/nutrition/proteins/calamar.png);}
.proteins3{background-image: url(img/nutrition/proteins/canard.png);}
.proteins4{background-image: url(img/nutrition/proteins/porc.png);}
.proteins5{background-image: url(img/nutrition/proteins/poulet.png);}
.proteins6{background-image: url(img/nutrition/proteins/scampi.png);}
.proteins7{background-image: url(img/nutrition/proteins/tzay.png);}

.bambo{background-image: url(img/nutrition/vegetables/bambo.png);}
.yang{background-image: url(img/nutrition/vegetables/yang.png);}
.yin{background-image: url(img/nutrition/vegetables/yin.png);}

.ananas{background-image: url(img/nutrition/extra/ananas.png);}
.oeuf{background-image: url(img/nutrition/extra/oeuf.png);}
.shitake{background-image: url(img/nutrition/extra/shitake.png);}