body {background-color: #303030;} 
#content { background:url('https://www.pizzeriaunodue.com/images/body-bg.jpg')repeat;}
#nav-order {display:none;}
#nav-toggle {right:0px;}
#order-selections {display:inline-block; width: 22%; padding:0 10px; max-height:525px; top:0;}
.order-select { background:#f9f6e3; -webkit-border-radius:5px; border-radius:5px; float:none; display:inline-block; height:525px; margin:1%; width:100%; position:relative; overflow-y:hidden; overflow-x:hidden;}
#delivery-info-box { background:rgba(48,48,48,.80); color:#fff; font-size:13px; opacity:0; line-height:20px; min-height:100px; padding:20% 10px; position:absolute; z-index: 20; top:80px; left:0; transition:all 0.2s ease; width:100%;}
.order-select-container { -webkit-border-radius:5px; border-radius:5px; display:inline-block; height:100%; position:relative;  overflow:hidden; }
.order-select-badge-outer { background:rgba(48,48,48,.40); border-radius:50%; color:#FFF; height:175px; width:175px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:9;  } 
.order-select-badge-inner { background:#f9f6e3; border-radius:50%; color:#FFF; height:160px; width:160px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:10; } 
.order-select-badge-outer img { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 40%; width: auto; z-index:11; overflow-y:hidden;}
.order-select-info { color:#222; display:inline-block; margin:0;  text-align:center; width:100%; position: absolute; bottom: 30px; left: 0px;}
.order-select-info h2 { color:#000; font:30px/1em "VeneerTwo"; text-transform:uppercase; }
.order-select-info p { text-align:center; padding:25px 10px 25px 10px ; font-size: 12px; opacity:0; transition:opacity 0.3s ease;}

.order-select:hover { box-shadow:0 0 10px rgba(0,0,0,0.2); cursor:pointer !important; }
.order-select:hover .order-select-badge-outer { background:#1a5632; }
.order-select:hover .button { background:#303030; }
.order-select-upper { background:#f9f6e3; display:inline-block; float:left; height:260px; position:relative; width:100%; }
.select-btn { background:#1a5632; padding:0 15px; width:auto; float:none;}
.button { margin:0; background:#1a5632; color:#FFF; display:inline-block; font:400 16px/50px "Trade Gothic BldCon2",sans-serif !important; height:50px; padding:0 20px;  text-transform:uppercase; width:auto; z-index:15; position:absolute; bottom:10px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.thirdparty {text-align:right;position:absolute; bottom:2%; right:2%; color:#303030; font-size: 12px;}
.order-select-desc { position:relative; bottom:0px; left:0; transition:all 0.3s ease; width:100%; min-height: 154px;}
.order-select:hover .order-select-desc { bottom:70px;}
.order-select:hover p { opacity:1; }
#order-selections .order-select:hover #delivery-info-box { opacity:1; }

@media(max-width:1024px){
*,:hover, :before, :after {
 /*CSS transitions*/
 transition-property: none !important;
}

h3, p {text-align:center;}
#delivery-info-box {display:none;}
#order-selections {display:inline-block; width: 90%;  height:75px; margin: 20px 0;}
.order-select { transition:none; background:#f9f6e3; -webkit-border-radius:5px; border-radius:5px; float:none; display:inline-block; height:75px;  width:100%; overflow:visible; }
.order-select-desc {transition:none; position:relative; min-height: 20px; height: 75px; bottom:0;}
.order-select-badge-outer { height:110px; width:110px; position:absolute; top:50%; left: 50%; } 
.order-select-badge-inner { height:100px; width:100px; position:absolute; top:50%; left: 50%;  background:#f9f6e3} 
.order-select-badge-outer img { height: 38%; }
.order-select-upper { height:75px; width:auto; position:absolute; left: 35px; display:inline-block;  }	
.order-select-info { height:75px; margin:0; padding:0px 10px 0px 50px ; text-align:center; width:100%; position:relative;  transition:none; bottom:0;}
.order-select-info h2 { text-align:left; padding:0px 10px 0px 70px; font:22px/1em "VeneerTwo"; text-transform:uppercase; transition:none;}
.order-select-info p { text-align:left; padding:5px 0px 0px 70px ; font-size: 10px; line-height: normal;}
.order-select .order-select-desc { bottom:0; top:10px;}
.thirdparty {display:none;}
.button {display:none;}
.order-select .order-select-desc { bottom:0; top:10px;}
.order-select p { opacity:1; }

}


@media(max-width:768px){
	
	)