body{
	background-color:black;
}

header{
	height:90px;
	width:100%;
	position:relative;
	top:0;
	left:0;
	
}

header > .nav-bar{
	position:relative;
	top:10px;
}

.pop-food{
	background:black;
	height:800px;
}

.pop-food h2{
	background:linear-gradient(to bottom right,orange, white);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}

.pop-food h4{
	color:white;
}

.pfood > h4{
	color:black;
}
.food-items{
	height:500px;
	box-shadow:0 2px 5px orange;
}
.order-page{
	width:100%;
	height:170px;
	position:relative;
	top:0;
	
}

.food-nav{
	top:200px;
	position:absolute;
	top:90px;
}

.order-food{
	height:920px;
	/* background:blue; */
	border-bottom:1px solid orange;
}

.menu-block{
	height:900px;
	position:absolute;
	top:0;
}

.menu-block > h3 {
	text-align:center;
	font-size:30px;
	text-decoration:underline;
	color:orange;
	letter-spacing:2px;
	margin-top:10px;
	
}

.mimg{
	width:300px;
	background-color: rgb(255 87 34 / 17%);
}

footer{
	padding:20px 0;
}


@media(max-width:1200px){
	
	.pop-food{
	background:black;
	height:1000px;
	}
	
	.food-items{
	height:800px;
	box-shadow:0 2px 5px orange;
	}
	
	
	.order-food{
	height:1000px;
	/* background:blue; */
	border-bottom:1px solid orange;
	}

	.menu-block{
	height:700px;
	width:90%;
	position:absolute;
	top:0;
}


} 

@media(max-width:1000px){
	
	
	.order-food{
	height:1400px;
	/* background:blue; */
	border-bottom:1px solid orange;
	}

	.menu-block{
	height:1200px;
	width:90%;
	position:absolute;
	top:0;
}
}

@media(max-width:950px){
	
	.pop-food{
	background:black;
	height:1300px;
	}
	
	.food-items{
	height:1000px;
	box-shadow:0 2px 5px orange;
	}
}

@media(max-width:690px){
	
	.pop-food{
	background:black;
	height:1950px;
	}
	
	.food-items{
	height:1750px;
	box-shadow:0 2px 5px orange;
	}
}

@media(max-width:690px){
	
	.order-food{
	height:3000px;
	/* background:blue; */
	border-bottom:1px solid orange;
	}

	.menu-block{
	height:2900px;
	width:90%;
	position:absolute;
	top:0;
}
}