body[page="1"] [coffee],
body[page="1"] [iced-coffee],
body[page="1"] [pourover],
body[page="1"] [tea],
body[page="1"] [noncoffee],
body[page="2"] [doughnuts],
body[page="2"] [sandwiches],
body[page="2"] [extras],
body[page="1"] [health],
body[page="2"] [health]
{
display:none;
}

html,body{
background:#2e2e2e;
}


#logo{
left:600px;
background-size:90%;
}

#menu{
	padding-bottom:200px;
}

#orders{
position:fixed;
height:160px;
bottom:0px;
left:0px;
right:0px;
background:#0013fb;
background:#000;
color:#fff;
z-index:99;
}

#orders [itemcount]{
padding-left:240px;
}

#orders img{
	display:none;
}	

#orders [itemcount]:before{
content:attr(itemcount) " orders pending";
position:absolute;
font-size:40px;
top:10px;
left:20px;
width:180px;
text-align:center;
}

#orders [field]{
display:none;
font-size:15px;
}

#orders [index="0"] [field]{
font-size:35px !important;
}

#orders h1{
width: 100%;
background: #8320256b;
background:#000;
margin: 0px;
padding: 3px 10px;
}

#orders [field="buzzer"],
#orders [field="status"],
#orders [field="time"]{
display:inline-block;
padding:4px 20px;
}

#orders [field="buzzer"]{width:195px}
#orders [field="status"]{width:130px}
#orders [field="time"]{width:380px}

#orders [field="buzzer"]:before{
content:"Order #";
}

#menu-jumpers{
	display:none;
}



@media screen and (max-width: 480px){ /* Mobile */
	
	#orders{
		display:none !important;
	}

}

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

	#orders{
		display:none !important;
	}

}

@media screen and (min-width: 1080px){ /* TV */
	#menu{
		left:0px;
		right:0px;
	}

	#menu-jumpers{
		display:none;
	}

}