*{
	margin: 0;
	padding: 0;
}
img{
	display: block;
	max-width: 100%;
	width: 100%;
}
li{
	list-style: none;
}
body{
	background-color: #000;
}
@font-face{
  font-family: 'bite-chalk-bold';
  src: url('../fonts/bite-chalk-bold.ttf');
}
@font-face{
  font-family: 'brandon-grotesque-black';
  src: url('../fonts/brandon-grotesque-black.ttf');
}
@font-face{
  font-family: 'clab';
  src: url('../fonts/clab.otf');
}
@font-face{
  font-family: 'roboto-condensed';
  src: url('../fonts/roboto-condensed.ttf');
}
@font-face{
  font-family: 'signpainter';
  src: url('../fonts/signpainter.ttf');
}
@font-face{
  font-family: 'slabo';
  src: url('../fonts/slabo.ttf');
}
@font-face{
  font-family: 'wolby-slanted';
  src: url('../fonts/wolby-slanted.ttf');
}
/*************
 * DISPLAY NONE
*************/
	.header-mobile-wrapper{
		display: none;
	}
	.mobile-drink-resize-br{
		display: none;
	}
	.footer-hours-mobile-br{
		display: none;
	}
/*************
	ANCHORS
*************/
	.anchor-tag{
		width: 100px;
		height: 100px;
		left: 0;
		position: absolute;
		z-index: -1;
	}
	#menu{
		top: -70px;
	}
	#media{
		top: -130px;
	}
	#sandwich-challenge{
		bottom: 0px;
	}
/*************
	MENU DOT END
*************/
	.menu-dot-end{
		display: none;
	}
	.menu-list-title span{
		display: none;
	}
/***************
	HEADER DESKTOP
***************/
	.header-desktop-wrapper{
		background-image: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0) 100%);
		background-position: 0 80%;
		height: 70px;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 10;
	}
	.header-desktop-wrapper-toggle{
		background-color: #000;
	}
	.header-desktop{
		color: #fff;
		margin: 0 auto;
		max-width: 1500px;
		position: relative;
		width: calc(100vw - 30px);
	}
	.header-desktop a{
		color: #fff;
		text-decoration: none;
	}
	.header-drop-shadow{
		-webkit-filter: drop-shadow(0 0 #000);
		filter: drop-shadow(0 0 #000);
	}
	.header-left-wrapper{
		-webkit-filter: drop-shadow(0 0 #000);
		filter: drop-shadow(-1px 1px #000);
		font-family: 'brandon-grotesque-black', sans-serif;
		left: 0;
		position: absolute;
		top: 0;
		text-transform: uppercase;
	}
	.header-left{
		align-items: center;
		display: flex;
		padding: 5px 0;
	}
	.header-left-logo{
		width: 150px;
	}
	.header-left-logo a{
		display: block;
		width: 120px;
	}
	.header-left-logo img{
		width: 110px;
	}
	.header-left-tag-slider{
		height: 25px;
		max-height: 25px;
		overflow: hidden;
	}
	.header-left-tag-slider a{
		text-decoration: underline;
		text-underline-offset: 3px;
		text-decoration-thickness: 1px;
	}
	.header-right-wrapper{
		font-family: 'bite-chalk-bold', cursive;
		font-size: 20px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.header-right{
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
		width: 230px;
	}
	.header-icon{
		text-shadow: -1px 1px #000;
	}
	.header-order-now{
		min-height: 42px;
		min-width: 102px;
	}
	.header-order-now-wrapper{
		height: 50px;
		position: relative;
		width: 110px;
	}
	.header-order-now-container{
		background-color: #000;
		background-image: url('../media/assets/chalkboard.png');
		background-position: 50% 100%;
		background-size: cover;
		border: 1px solid #AEB96F;
		box-shadow: 0 0 10px 5px #000;
		height: 42px;
		position: absolute;
		top: 0;
		transition: .2s;
		width: 102px;
	}
	.header-order-now-span{
		align-items: center;
		bottom: 0;
		display: flex;
		height: 42px;
		justify-content: center;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transition: .2s;
		width: 102px;
	}
	.header-order-now-container-toggle{
		opacity: .5;
		transform: scale(.8);
		transition: .2s;
	}
	.header-order-now-span-toggle{
		transform: scale(1.3);
		transition: .2s;
	}
/***************
	HEADER MOBILE
***************/
	.header-mobile-wrapper{
		background-color: rgba(0,0,0,.7);
		background-position: 0 80%;
		border-bottom: 1px solid #F4FFB3;
		box-shadow: 0 5px 5px #000;
		height: auto;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	.header-mobile{
		color: #fff;
		margin: 0 auto;
		max-width: calc(100% - 20px);
		padding: 10px 0;
		position: relative;
		width: 100%;
	}
	.header-mobile a{
		color: #fff;
		text-decoration: none;
	}
	.header-mobile-order{
		align-items: center;
		display: flex;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 80px;
	}
	.header-mobile-order-container{
  	background-image: url('../media/assets/matte-black-bkg.jpg');
		background-size: contain;
		border: 1px solid #F4FFB3;
  	font-family: 'bite-chalk-bold', sans-serif;
		padding: 2px 2px;
		text-align: center;
		width: 100%;
	}
	.header-mobile-luckys-logo{
		margin: 0 auto;
		width: 100px;
	}
	.header-mobile-burger{
		align-items: center;
		display: flex;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}
	.header-mobile-burger:hover{
		cursor: pointer;
	}
	.header-mobile-burger-images{
		width: 60px;
	}
	.header-mobile-burger-piece{
		width: 100%;
	}
	.burger-bun{
		opacity: .4;
	}
	#burger-top{
		transform: rotate(180deg);
	}
	#burger-1{
		filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
		-webkit-filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
	}
	#burger-2{
		margin: 5px 0;
		transition: 1s;
	}
	#burger-3{
		filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
		-webkit-filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
	}
	/***ANIMS***/
	.burger-open-toggle{
		animation: burger-open-toggle 1s forwards;
	}
	.burger-close-toggle{
		animation: burger-close-toggle 1s forwards;
	}
	.burger-1-open-toggle{
		animation: burger-1-open-toggle 1s forwards;
	}
	.burger-1-close-toggle{
		animation: burger-1-close-toggle 1s forwards;
	}
	.burger-3-open-toggle{
		animation: burger-3-open-toggle 1s forwards;
	}
	.burger-3-close-toggle{
		animation: burger-3-close-toggle 1s forwards;
	}
	.burger-2-toggle{
		transform: scale(0);
		transition: 1s;
	}
	@keyframes burger-open-toggle{
		0%{
			opacity: 1;
		}
		100%{
			opacity: 0;
		}
	}
	@keyframes burger-close-toggle{
		0%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}
	@keyframes burger-1-open-toggle{
		0%{
			filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			transform: rotate(0deg) scale(1);
		}
		50%{
			filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			transform: rotate(0deg) scale(1.2);
		}
		80%{
			filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			transform: scale(1.2);
		}
		100%{
			filter: drop-shadow(0px 0px rgba(0,0,0,0));
			transform: rotate(45deg) translateX(6px) translateY(6px) scale(.8);
		}
	}
	@keyframes burger-1-close-toggle{
		0%{
			filter: drop-shadow(0px 0px rgba(0,0,0,0));
			transform: rotate(45deg) translateX(6px) translateY(6px) scale(.8);
		}
		20%{
			transform: rotate(45deg) scale(.8);
		}
		50%{
			transform: scale(1.2) rotate(0deg);
		}
		100%{
			filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px -3px .5px rgba(0,0,0,1));
			transform: rotate(0deg) scale(1);
		}
	}
	@keyframes burger-3-open-toggle{
		0%{
			filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			transform: rotate(0deg) scale(1);
		}
		50%{
			filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			transform: rotate(0deg) scale(1.2);
		}
		80%{
			filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			transform: scale(1.2);
		}
		100%{
			filter: drop-shadow(0px 0px rgba(0,0,0,0));
			transform: rotate(-45deg) translateX(7px) translateY(-6px) scale(.8);
		}
	}
	@keyframes burger-3-close-toggle{
		0%{
			filter: drop-shadow(0px 0px rgba(0,0,0,0));
			transform: rotate(-45deg) translateX(7px) translateY(-6px) scale(.8);
		}
		20%{
			transform: rotate(-45deg) scale(.8);
		}
		50%{
			transform: scale(1.2) rotate(0deg);
		}
		100%{
			filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			-webkit-filter: drop-shadow(0px 3px .5px rgba(0,0,0,1));
			transform: rotate(0deg) scale(1);
		}
	}
	.header-mobile-dropdown{
		background-color: #000;
  	background-image: url('../media/assets/matte-black-bkg-long.jpg');
  	background-size: cover;
  	border-bottom: 1px solid #F4FFB3;
  	box-shadow: 0 10px 15px 5px #000;
		display: none;
		left: -10px;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 75px;
		width: 100vw;
	}
	.header-mobile-dropdown-open-toggle{
		animation: header-mobile-dropdown-open-toggle 1s forwards;
	}
	@keyframes header-mobile-dropdown-open-toggle{
		0%{
			height: 0px;
		}
		100%{
			height: auto;
		}
	}
	.header-mobile-dropdown-container{
		display: flex;
		flex-direction: column;
		height: 520px;
		justify-content: flex-start;
	}
	.header-dropdown-top,
	.header-dropdown-bottom{
		width: 100%;
	}
	.header-mobile-dropdown-anchors{
		display: flex;
		font-family: 'bite-chalk-bold', sans-serif;
		font-size: 24px;
		justify-content: space-between;
		margin-top: 20px;
		padding: 0 20px;
		width: calc(100% - 40px);
	}
	.header-mobile-dropdown-anchors li{
		border: 1px solid #F4FFB3;
		text-align: center;
		width: 100px;
	}
	.header-mobile-dropdown-links{
		align-items: center;
		display: flex;
		flex-direction: column;;
		margin: 20px 0 0 0;
	}
	.header-mobile-dropdown-links-li{
		font-family: 'brandon-grotesque-black', sans-serif;
		font-size: 16px;
		margin: 5px 0;
		text-transform: uppercase;
	}
	.header-mobile-dropdown-links-li a{
		align-items: center;
		display: flex;
	}
	.header-mobile-dropdown-links-img{
		height: 20px;
		margin: -5px 10px 0 0;
		object-fit: contain;
		width: 20px;
	}
	.header-mobile-dropdown-line{
		background-color: #F4FFB3;
		height: 1px;
		margin: 20px auto;
		width: calc(100% - 40px);
	}
	.header-mobile-dropdown .footer-links-vertical{
		margin-bottom: 10px;
		width: 100%;
	}
/************
	JUMBOTRON
************/
	.luckys-wrapper{
		background-color: #000;
		opacity: 1;
		transition-duration: 1s;
	}
	.luckys-wrapper-toggle-bright{
		opacity: .1;
		transition-duration: 1s;
	}
	.luckys-wrapper-toggle-dark{
		opacity: 1;
		transition-duration: 1s;
	}
	.luckys-jumbotron{
		perspective: 1px;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.luckys-jumbotron video{
    background: #000;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .p-background{
  	background-color: #000;
		background-position: center;
		background-size: cover;
		display: flex;
		flex: 10 auto;
		height: 100%;
		position: relative;
		z-index: -1;
		width: 100vw;
		justify-content: center;
		align-items: center;
		-webkit-transform: translateZ(-1px) scale(2);
		transform: translateZ(-1px) scale(2);
		transform-style: preserve-3d;
  }
  .contentish{
		align-items: center;
		z-index: 1;
		position: relative;
		background-color: #000;
		height: auto;
		min-height: 100vh;
		justify-content: center;
		margin: 0;
		display: flex;
		flex-direction: column;
		position: relative;
  }
/************
	MENU
************/
  .menu-section{
  	align-items: center;
  	background-blend-mode: multiply;
  	background-color: rgba(0,0,0,.3);
  	background-image: url('../media/assets/wood-bkg.jpg');
  	background-position: top;
  	background-repeat: repeat;
  	background-size: contain;
  	box-shadow: 0 -5px 15px 5px #000, 0 5px 15px 5px #000;
  	display: flex;
  	flex-direction: column;
  	min-height: 100vh;
  	position: relative;
  }
  .big-images{
		display: flex;
		height: 370px;
    justify-content: space-between;
    margin: 60px auto 0 auto;
    width: calc(100% - 78px);
    max-width: 1362px;
  }
  .big-image{
  	border: 1px solid #AEB96F;
  	position: relative;
  	width: calc(50% - 30px);
  }
  .big-image-bkg{
  	display: block;
  	height: 100%;
  	object-fit: cover;
  	width: 100%;
  }
  .big-image-content{
  	left: 0;
  	position: absolute;
  	bottom: 10px;
  	width: 100%;
  }
  .big-image-delivery,
  .big-image-social{
  	align-items: center;
  	color: #fff;
  	display: flex;
  	font-family: 'bite-chalk-bold', sans-serif;
  	font-size: 22px;
  	justify-content: space-evenly;
		text-shadow: 1px 1px #000,
								 1px -1px #000,
								 -1px 1px #000,
								 -1px -1px #000;
  	width: 100%;
  }
  .big-image-delivery-icon{
  	height: 70px;
  	transition: .2s;
  	width: 70px;
  }
  .big-image-social-icon-wrapper{
  	transition: .2s;
  	width: 105px;
  }
  .big-image-social-icon-wrapper:hover{
  	cursor: pointer;
  }
  .big-image-delivery-icon-img{
  	filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  	-webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));  	
  	display: block;
  	height: 100%;
  	object-fit: contain;
  	transition: .2s;
  	width: 100%;
  }
  .big-image-social-icon-img{
  	filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  	-webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));  	
  	display: block;
  	height: 60px;
  	object-fit: contain;
  	transition: .2s;
  	width: 100%;
  }
  .big-image-social-icon-text{
  	display: block;
  	height: 0;
  	margin-top: 15px;
  	overflow: hidden;
  	text-align: center;
  	transition: .2s;
  }
  .big-image-social-icon-text-toggle{
  	height: 25px;
  	transition: .2s;
  }
  .big-image-social-icon-text-inactive-toggle{
  	margin-top: 25px;
  	transition: .2s;
  }
	.big-image-delivery-icon-toggle{
		transform: scale(1.2);
		transition: .2s;
	}
	.big-image-delivery-icon-img-toggle,
	.big-image-social-icon-img-toggle{
		filter: drop-shadow(0px 0px 15px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, .3));
  	-webkit-filter: drop-shadow(0px 0px 15px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, .3));  
  	transition: .2s;	
	}
	.big-image-social-icon-img-toggle{
		transform: scale(1.2);
	}
  .big-image-delivery-content{
  	align-items: center;
  	display: flex;
  	transition: .2s;
  }
  .big-image-delivery-span{
  	margin-top: 4px;
  }
  .big-image-delivery-a,
  .big-image-pickup-a{
  	color: #fff;
  }
  .big-image-delivery-a-wrapper,
  .big-image-pickup-a-wrapper{
		height: 46px;
		margin: 0 20px;
		position: relative;
		width: 97px;
	}
	.big-image-delivery-a-container,
	.big-image-pickup-a-container{
		background-color: #000;
		background-image: url('../media/assets/chalkboard.png');
		background-position: 50% 100%;
		background-size: cover;
		border: 1px solid #AEB96F;
		box-shadow: 0 0 10px 5px #000;
		height: 28px;
  	margin-top: -1px;
  	padding: 10px 0 6px 0;
		position: absolute;
		top: 0;
		transition: .2s;
		width: 94px;
	}
	.big-image-delivery-a-span,
	.big-image-pickup-a-span{
		align-items: center;
		bottom: 0;
		display: flex;
		height: 43px;
		justify-content: center;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transition: .2s;
		width: 96px;
	}
	.big-image-delivery-a-container-toggle,
	.big-image-pickup-a-container-toggle{
		opacity: .5;
		transform: scale(.8);
		transition: .2s;
	}
	.big-image-delivery-a-span-toggle,
	.big-image-pickup-a-span-toggle{
		transform: scale(1.3);
		transition: .2s;
	}
	.big-image-clover-icon-img{
		margin-top: 10px;
	}
  .menu-categories-wrapper{
  	padding: 30px 0;
  	position: relative;
  }
  .menu-categories{
  	height: 75px;
  	margin: 20px auto;
  	position: relative;
  	width: 1200px;

  	align-items: center;
  	display: flex;
  	justify-content: space-between;
  }
  .menu-category{
  	background-image: url('../media/assets/matte-black-bkg.jpg');
  	background-size: inherit;
  	border: 1px solid #AEB96F;
  	color: #fff;
  	font-family: 'bite-chalk-bold', sans-serif;
  	font-size: 28px;
  	padding: 10px 20px;
  	/*position: absolute;*/
  	text-align: center;
  	width: 300px;
  }
  .menu-category-active{
  	margin: 0 auto;
  }
  .menu-category-inactive{
  	align-items: center;
  	display: flex;
  	justify-content: center;
  	margin: 0 auto;
  }
  .menu-category-inactive:hover{
  	cursor: pointer;
  }
 /* #menu-category-appetizers{
  	right: 0;
  }
  #menu-category-drinks{
  	left: 0;
  }
  #menu-category-sandwiches{
  	left: 0;
  	margin: 0 auto;
  	right: 0;
  }*/
  .menu-category-sandwiches{
  	font-size: 44px;
  }
  .menu-order-das-d-upper{
  	animation: menu-order-das-d-upper .5s forwards;
  }
  .menu-order-das-s-upper{
  	animation: menu-order-das-s-upper .5s forwards;
  }
  .menu-order-dsa-a-upper{
  	animation: menu-order-dsa-a-upper .5s forwards;
  }
  .menu-order-dsa-d-upper{
  	animation: menu-order-dsa-d-upper .5s forwards;
  }
  .menu-order-sda-a-upper{
  	animation: menu-order-sda-a-upper .5s forwards;
  }
  .menu-order-sda-s-upper{
  	animation: menu-order-sda-s-upper .5s forwards;
  }
  @keyframes menu-order-dsa-a-upper{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 44px;
  		opacity: 0;
  	}
  	60%{
  		font-size: 44px;
  	}
  	80%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 44px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-upper{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 44px;
  		opacity: 0;
  	}
  	60%{
  		font-size: 44px;
  	}
  	80%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 44px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-upper{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 44px;
  		opacity: 0;
  	}
  	60%{
  		font-size: 44px;
  	}
  	80%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 44px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-upper{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 44px;
  		opacity: 0;
  	}
  	60%{
  		font-size: 44px;
  	}
  	80%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 44px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-upper{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 44px;
  		opacity: 0;
  	}
  	60%{
  		font-size: 44px;
  	}
  	80%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 44px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-upper{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 44px;
  		opacity: 0;
  	}
  	60%{
  		font-size: 44px;
  	}
  	80%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 44px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  
  .menu-order-das-d-lower{
  	animation: menu-order-dsa-d-lower .5s forwards;
  }
  .menu-order-das-s-lower{
  	animation: menu-order-das-s-lower .5s forwards;
  }
  .menu-order-dsa-a-lower{
  	animation: menu-order-dsa-a-lower .5s forwards;
  }
  .menu-order-dsa-d-lower{
  	animation: menu-order-dsa-d-lower .5s forwards;
  }
  .menu-order-sda-a-lower{
  	animation: menu-order-sda-a-lower .5s forwards;
  }
  .menu-order-sda-s-lower{
  	animation: menu-order-sda-s-lower .5s forwards;
  }
  @keyframes menu-order-dsa-a-lower{
  	0%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 44px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 28px;
  		opacity: 0;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-lower{
  	0%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 44px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 28px;
  		opacity: 0;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-lower{
  	0%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 44px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 28px;
  		opacity: 0;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-lower{
  	0%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 44px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 28px;
  		opacity: 0;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-lower{
  	0%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 44px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 28px;
  		opacity: 0;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-lower{
  	0%{
  		font-size: 44px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 44px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 28px;
  		opacity: 0;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  
  .menu-order-das-d-same{
  	animation: menu-order-das-d-same .5s forwards;
  }
  .menu-order-das-s-same{
  	animation: menu-order-das-s-same .5s forwards;
  }
  .menu-order-dsa-a-same{
  	animation: menu-order-dsa-a-same .5s forwards;
  }
  .menu-order-dsa-d-same{
  	animation: menu-order-dsa-d-same .5s forwards;
  }
  .menu-order-sda-a-same{
  	animation: menu-order-sda-a-same .5s forwards;
  }
  .menu-order-sda-s-same{
  	animation: menu-order-sda-s-same .5s forwards;
  }
  @keyframes menu-order-dsa-a-same{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-same{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-same{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-same{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-same{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-same{
  	0%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		font-size: 28px;
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		font-size: 28px;
  		opacity: 1;
  		scale: 1.2;
  	}
  	100%{
 			font-size: 28px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  .order-1{
  	order: 1;
  	transition-delay: .25s;
  }
  .order-2{
  	order: 2;
  	transition-delay: .25s;
  }
  .order-3{
  	order: 3;
  	transition-delay: .25s;
  }
  /*D S A*/
  /*.move-one-left{
  	transform: translateX(-429px);
  }
  .move-one-right{
  	transform: translateX(429px);
  }
  .move-two-left{
  	transform: translateX(-800px);
  }
  .move-two-right{
  	transform: translateX(800px);
  }
  .move-to-start{
  	transform: translateX(0);
  }
  /*MENU SELECTION SINK*/

/***MENU PAGES***/
.menu-wrapper{
		background-color: #282e34;
		background-image: url('../media/assets/chalkboard.png');
		background-repeat: no-repeat;
		background-size: cover;
		border: 1px solid #AEB96F;
		box-shadow: 0 0 15px 10px #000;
		height: auto;
		margin-bottom: 20px;
		max-width: 1320px;
		padding: 20px;
		width: 100%;
	}
	.menu-container{
		display: flex;
		flex-direction: column;
	}
	.menu-list{
		color: #fff;
		width: 100%;
	}
	.menu-list-active{
		height: auto;
		visibility: visible;
		transition-delay: .12s;
	}
	.menu-list-active-appetizers{
  	animation: menu-list-active-appetizers .5s forwards;
  }
  @keyframes menu-list-active-appetizers{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-list-active-drinks{
  	animation: menu-list-active-drinks .5s forwards;
  }
  @keyframes menu-list-active-drinks{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-list-active-sandwiches{
  	animation: menu-list-active-sandwiches .5s forwards;
  }
  @keyframes menu-list-active-sandwiches{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	40%{
  		opacity: 0;
  		scale: .5;
  	}
  	80%{
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-list-inactive{
		height: 0;
		visibility: hidden;
		transition-delay: .12s;
	}
	.menu-list-appetizers,
	.menu-list-sandwiches{
		display: flex;
		justify-content: space-between;
		margin: 20px auto 0 auto;
		width: 90%;
	}
	.menu-list-drinks{
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 20px auto 0 auto;
		width: 90%;
	}
	.menu-list-drinks-bottom{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.menu-list-drinks-bottom-column{
		display: flex;
		flex-direction: column;
	}
	.menu-list-appetizers-column,
	.menu-list-drinks-bottom-column,
	.menu-list-drinks-column,
	.menu-list-drinks-type-on-tap-column,
	.menu-list-sandwiches-column{
		width: 48%;
	}
	.menu-list-drinks-types-column{
		width: 10%;
	}
	.menu-list-title{
		color: #fff;
		position: relative;
	}
	.menu-list-title h2{
		filter: drop-shadow(-1px 1px #000) drop-shadow(-2px 2px #000) drop-shadow(-1px 1px #AEB96F) drop-shadow(-2px 2px #225E2B);
		font-family: 'clab', cursive;
		font-size: 60px;
		letter-spacing: 3px;
		line-height: 1;
		text-align: center;
		text-shadow: 1px 1px #000,
					-1px 1px #000,
					1px -1px #000,
					-1px -1px #000;
	}
	.menu-list-title p{
		filter: drop-shadow(-1px 1px #000);
		font-family: 'Clab', cursive;
		font-size: 18px;
		margin-top: 10px;
		text-align: center;
		text-shadow: 1px 1px #000,
					-1px 1px #000,
					1px -1px #000,
					-1px -1px #000;
	}
	.menu-item-price{
		align-items: center;
		display: flex;
		justify-content: space-between;
		position: relative;
		width: 100%;
	}
	.menu-dot{
		background-image: linear-gradient(to bottom left, #CC3433, #801313);
		border-radius: 45px;
		height: 8px;
		left: -23px;
		position: absolute;
		top: 40%;
		width: 8px;
	}
	.menu-star{
		background-image: url('../media/assets/chi-1933-star.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		left: -28px;
		position: absolute;
		top: 10px;
		width: 18px;
	}
	.menu-star img{
		display: block;
		object-fit: cover;
		width: 100%;
	}
	.menu-item{
		align-items: flex-end;
		background-image: -webkit-linear-gradient(#F4FFB3 20%, #fff 80%);
	  	-webkit-background-clip: text;
	  	-webkit-text-fill-color: transparent;
	  	display: flex;
		filter: drop-shadow(-2px 2px #000) drop-shadow(1px 1px #000) drop-shadow(-1px -1px #000) drop-shadow(1px -1px #000);
		font-family: 'signpainter', cursive;
		font-size: 24px;
		line-height: 1;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.menu-item-no-options{
		margin: 3px 0;
	}
	.menu-item-yes-options{
		margin: 0 0 20px 0;
	}
	.menu-item::after{
		content: "";
	 	flex: auto;
	 	margin: 0 8px 6px 6px;
	 	border-top: 1px solid #F4FFB3;
	}
	.menu-item-and{
		font-size: 20px;
		margin-bottom: 1px;
		padding: 0 10px;
	}
	.menu-item-options{
		background-image: -webkit-linear-gradient(#F4FFB3, #fff);
	  	-webkit-background-clip: text;
	  	-webkit-text-fill-color: transparent;
		font-family: 'signpainter', cursive;
		position: absolute;
		left: 0;
		bottom: 3px;
	}
	.menu-item-price-wrapper{
		color: #fff;
		display: flex;
		font-family: 'bite-chalk-bold', cursive;
	}
	.menu-item-price-dollar{
		font-size: 22px;
	}	
	.menu-item-price-price{
		font-size: 28px;
	}
	.menu-list-sandwiches-extras,
	.menu-list-sauces{
		font-family: 'wolby-slanted', cursive;
	}
	.menu-list-hand-cut-fries{
		margin: 20px auto 0  auto;
		width: 50%;
	}
	.menu-list-drinks-column{
		display: flex;
		flex-direction: column;
	}
	.menu-list-hand-cut-fries-title,
	.menu-list-sandwich-extras-title,
	.menu-list-sauces-title{
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.menu-list-drinks-title-type,
	.menu-list-hand-cut-fries-title-price{
		align-items: center;
		display: flex;
		justify-content: center;
		margin: 20px 0 0 0;
		position: relative;
		width: 100%;
	}
	.menu-list-drinks-title-type::after,
	.menu-list-hand-cut-fries-title-price::after{
		content: "";
		background-image: radial-gradient(rgba(174,185,111,0), rgba(174,185,111, 1), rgba(174,185,111,0));
		height: 2px;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
	}
	.menu-list-sandwiches-extras h3,
	.menu-list-sauces h3{
		filter: drop-shadow(-1px 1px #000) drop-shadow(-1px 1px #AEB96F);
		font-family: 'wolby-slanted', cursive;
		font-size: 46px;
		margin: 20px 0 0 0;
		position: relative;
		text-align: center;
	}
	.menu-list-drinks-title-type h3,
	.menu-list-hand-cut-fries-title-price h3,
	.menu-list-title-wings h3{
		filter: drop-shadow(-1px 1px #000) drop-shadow(-1px 1px #AEB96F);
		font-family: 'brandon-grotesque-black', cursive;
		font-size: 42px;
		line-height: 1;
		text-align: center;
	}
	.menu-list-title-wings::after{
		content: "";
		background-image: radial-gradient(rgba(174,185,111,0), rgba(174,185,111, 1), rgba(174,185,111,0));
		height: 2px;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
	}
	.menu-list-hand-cut-fries-title-price h3{
		margin: 0;
	}
	.menu-list-hand-cut-fries-title-price span{
		font-family: 'signpainter', cursive;
		font-size: 48px;
		margin-top: -16px;
		padding-left: 15px;
	}
	.menu-list-hand-cut-fries-title-line,
	.menu-list-sandwich-extras-title-line,
	.menu-list-sauces-title-line{
		filter: drop-shadow(-2px 2px #000) drop-shadow(1px 1px #000) drop-shadow(-1px -1px #000);	
		height: 2px;
		width: 200px;
	}
	.menu-list-hand-cut-fries-title-line-left,
	.menu-list-sandwich-extras-title-line-left,
	.menu-list-sauces-title-line-left{
		background-image: linear-gradient(to left, rgba(174,185,111, 1) 60%, rgba(174,185,111,0) 90%);
		margin: 25px 10px 0 0;
	}
	.menu-list-hand-cut-fries-title-line-right,
	.menu-list-sandwich-extras-title-line-right,
	.menu-list-sauces-title-line-right{
		background-image: linear-gradient(to right, rgba(174,185,111, 1) 60%, rgba(174,185,111,0) 90%);
		margin: 25px 0 0 10px;
	}
	.menu-list-sandwich-extras-text,
	.menu-list-sauces-text{
		color: #fff;
		font-size: 24px;
		text-align: center;
	}
	.menu-list-drinks-type-bottles,
	.menu-list-drinks-type-on-tap,
	.menu-list-hand-cut-fries-columns,
	.menu-list-wings-columns{
		display: flex;
		justify-content: space-between;
		margin: 20px auto 0 auto;
		width: 80%;
	}
	.menu-list-hand-cut-fries-column,
	.menu-list-wings-column{
		width: 45%;
	}
	.menu-list-hand-cut-fries-item-price{
		display: flex;
		font-family: 'bite-chalk-bold', cursive;
		justify-content: space-between;
		position: relative;
		width: 100%;
	}
	.menu-list-hand-cut-fries-item-price-item{
		background-image: -webkit-linear-gradient(#F4FFB3 20%, #fff 80%);
	  	-webkit-background-clip: text;
	  	-webkit-text-fill-color: transparent;
		filter: drop-shadow(-2px 2px #000) drop-shadow(1px 1px #000) drop-shadow(-1px -1px #000) drop-shadow(1px -1px #000);
		font-family: 'signpainter', cursive;
		font-size: 24px;
		line-height: 1;
	}	
	.menu-list-title-wings{
		margin-top: 6px;
		position: relative;
	}
	.menu-list-drinks-type-on-tap{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
/************
	MEDIA
************/
	.media{
		margin: 40px 0;
		position: relative;
		width: 100%;
	}
	.media-container{
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		max-width: 1364px;
		justify-content: space-between;
		width: 100%;
	}
	.media-container a{
		border: 1px solid #AEB96F;
		height: 100px;
		margin: 10px 0;
		overflow: hidden;
		width: 15%;
	}
	.media-photo:hover{
		cursor: pointer;
	}
	.media-photo img{
		display: block;
		height: 100%;
		object-fit: cover;
		transition: .2s;
		width: 100%;
	}
	.media-photo img:hover{
		transform: scale(1.3);
		transition: .2s;
	}
	.media-photos-view-more{
		align-items: center;
		color: #fff;
		background-image: url('../media/assets/matte-black-bkg.jpg');
		background-size: cover;
		display: flex;
		font-family: 'bite-chalk-bold', sans-serif;
		font-size: 24px;
		height: 100%;
		justify-content: center;
		text-shadow: 1px 1px #000,
								 1px -1px #000,
								 -1px 1px #000,
								 -1px -1px #000;
		transition: .2s;
	}
	.media-photos-view-more:hover{
		cursor: pointer;
		transform: scale(1.2);
		transition: .2s;
	}
  .fancybox__thumb::after{
    border-color: #AEB96F !important;
  }
  .fancybox__counter{
  	font-family: 'bite-chalk-bold';
  	font-size: 24px !important;
  }
	.media-photo-extra{
		display: none;
	}
	.media-video{
		position: relative;
	}
	#media-video-1{
		background-image: url('../media/venue/venue-9.jpg');
		background-size: cover;
		width: 32%;
	}
	.media-video-overlay{
		background-color: rgba(0,0,0,.6);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.media-video-overlay-container{
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		padding: 5px;
		position: relative;
		width: 100%;
	}
	.media-video-overlay-logo{
		left: 5px;
		position: absolute;
		top: 5px;
	}
	#media-video-1 .media-video-overlay-logo{
		width: 100px;
	}
	.media-video-overlay-arrow{
		transition: .2s;
		width: 50px;
	}
	.media-video-overlay-arrow:hover{
		transition: .2s;
		transform: scale(1.3);
	}
	.media-video-overlay img{
		display: block;
		width: 100%;
	}

/************
	CHALLENGE
************/
.challenge{
  background-image: url('../media/assets/matte-black-bkg-long.jpg');
	background-size: cover;
	height: 1000px;
	min-height: 120vh;
	position: relative;
}
.challenge-container{
	align-items: flex-start;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	margin-top: 40px;
	max-width: 1340px;
	width: calc(100% - 40px);
}
.challenge-sandwich-image{
	bottom: -15px;
	position: absolute;
	right: -50px;
	width: 600px;
}
.challenge-sandwich-image img{
	display: block;
	filter: drop-shadow(-4px 4px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  -webkit-filter: drop-shadow(-4px 4px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  width: 100%;
}
.challenge-text{
	margin-top: 150px;
	position: relative;
	width: 100%;
}
.challenge-logos{
	height: 188px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 600px;
}
.challenge-logos-container{
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	width: 100%;
}
.challenge-logos-text{
	color: #fff;
	font-family: 'clab';
	font-size: 24px;
}
.challenge-logos-images{
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	width: 100%;
}
.challenge-logos-logo{
	align-items: center;
	display: flex;
	height: 100px;
	justify-content: center;
	transition: .2s;
	width: 130px;
}
.challenge-logos-logo a{
	height: 100%;
	width: 100%;
}
.challenge-logos-logo-img{
	height: 100%;
	display: block;
	object-fit: contain;
	width: 100%;
	filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  -webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
}
.challenge-logos-logo-toggle{
	transform: scale(1.2);
	transition: .2s;
}
.challenge-logos-logo-img-toggle{
	filter: drop-shadow(0px 0px 15px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 0));
  -webkit-filter: drop-shadow(0px 0px 15px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 0));  
  transition: .2s;	
}
.challenge-title{
	width: 330px;
}
.challenge-title img{
	display: block;
	filter: drop-shadow(-1px 1px #000) drop-shadow(-2px 2px #000) drop-shadow(-1px 1px #AEB96F) drop-shadow(-2px 2px #225E2B);
	text-shadow: 1px 1px #000,
							-1px 1px #000,
							1px -1px #000,
							-1px -1px #000;
	width: 100%;
}
.challenge-fine-print{
	color: #fff;
	display: flex;
	flex-direction: column;
	margin: 40px 0 30px 0;
}
.challenge-fine-print-top{
	font-family: 'clab', sans-serif;
	font-size: 32px;
}
.challenge-fine-print-top span{
	font-family: 'signpainter', cursive;
}
.challenge-fine-print-bottom{
	display: flex;
	flex-wrap: wrap;
	font-family: 'clab', sans-serif;
	justify-content: flex-start;
	position: relative;
	width: 700px;
}
.challenge-fine-print-bottom span{
	margin: 3px 0;
}
.challenge-fine-print-bottom .menu-star{
	height: 18px;
	left: 0;
	margin: 0 10px;
	position: relative;
	top: 0;
}
#challenge-star-4{
	display: none;
}
.challenge-rules{
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}
.challenge-rule{
	align-items: center;
	color: #fff;
	display: flex;
	font-family: 'bite-chalk-bold', sans-serif;
	font-size: 23px;
	margin: 5px 0 5px 10px;
}
.challenge-rule .menu-dot{
	left: -11px;
	position: relative;
}

/**************
 * FOOTER
**************/
.footer-section{
	background-color: #000;
	border-top: 1px solid #F4FFB3;
	margin-top: 100px;
	min-height: 400px;
}
footer{
	width: 100%;
}
.footer-container{
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 1500px;
	padding: 20px 0;
	position: relative;
	width: 1200px;
}
.footer-links-column-logo{
	align-items: center;
	display: flex;
	width: 30%;
}
.footer-logo{
	width: 220px;
}
.footer-links{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	width: 100%;
}
.footer-links-column-2{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	width: 100%;
}
.footer-links-vertical{
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 415px;
}
.footer-links-vertical-title{
	font-family: 'bite-chalk-bold', sans-serif;
	font-size: 28px;
	border-bottom: 2px solid #F4FFB3;
	margin-bottom: 10px;
}
.info-links-vertical-content{
	align-items: center;
	display: flex;
	flex-direction: column;
}
.info-links-hours{
	align-items: flex-start;
}
.info-links-contact li{
	margin: 10px 0;
}
.info-links-hours-span{
	margin: 2px 0;
}
.info-links-contact a:hover{
	color: #F4FFB3;
	transform: scale(1.1) translateX(10px);
	transition: .2s;
}
.info-links-contact a,
.info-links-hours-span{
	align-items: center;
	color: #fff;
	display: flex;
	font-family: 'brandon-grotesque-black', sans-serif;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: .2s;
}
.info-links-hours-span{
	margin: 10px 0;
	width: 280px;
}
.info-links-contact img,
.info-links-hours img{
	height: 20px;
	object-fit: contain;
	margin-right: 20px;
	width: 20px;
}
.info-links-hours img{
	transform: rotate(350deg);
}
.info-links-contact-img,
.info-links-hours-img{
	filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
	-webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));  	
	display: block;
	height: 60px;
	object-fit: contain;
	transition: .2s;
	width: 100%;
}
.info-links-contact span{
	padding-top: 6px;
}
.info-links-hours span{
	margin-bottom: 6px;
	width: 100%;
}
#sometimes{
	font-family: 'wolby-slanted', sans-serif;
	font-size: 24px;
	margin: 0;
	padding: 0 5px;
}
.sometimes{
	display: flex;
	justify-content: space-between;
}
#footer-ellipses-1,
#footer-ellipses-2,
#footer-ellipses-3,
#footer-ellipses-4{
	border-bottom: 3px dotted #F4FFB3;
	margin-bottom: 3px;
	padding: 0 5px;
	width: 100%;
}
.footer-links-hours-legal-line{
	background-color: #F4FFB3;
	height: .1px;
	margin: 10px 0;
	width: 100%;
}
.footer-links-links-line{
	background-color: #F4FFB3;
	height: 100%;
	width: .1px;
}
.footer-links-legal{
	align-items: center;
	display: flex;
	flex-direction: column;
	font-family: 'brandon-grotesque-black', sans-serif;
	font-size: 14px;
	justify-content: space-evenly;
	text-transform: uppercase;
	width: 100%;
}
.footer-links-legal p{
	margin: 10px 0;
}
.footer-links-legal img{
	width: 120px;
}
/*******************
	THEM THERE QUERIES
*******************/
@media(max-width: 1400px){
	.menu-wrapper{
		max-width: calc(100% - 120px);
	}
	.media-container{
		max-width: calc(100% - 78px);
	}
}
@media(max-width: 1350px){
	.challenge-sandwich-image{
		width: 550px;
	}
}
@media(max-width: 1290px){
	.challenge-sandwich-image{
		width: 500px;
	}
}
@media(max-width: 1280px){
	.menu-categories-wrapper{
		max-width: calc(100% - 77px);
		width: 100%;
	}
	.menu-categories{
		width: 100%;
	}
	.menu-category-active{
		margin: 0 50px;
	}
}
@media(max-width: 1220px){
	.footer-container{
		width: 100%;
	}
	.footer-links{
		align-items: center;
		flex-direction: column;
		margin: 0;
	}
	.footer-links-column-2{
		justify-content: space-evenly;
		width: 100%;
	}
	.footer-links-column-logo{
		justify-content: center;
		margin-bottom: 20px;
		width: 100%;
	}
	.footer-links-links-line{
		height: auto;
	}
}
@media(max-width: 1200px){
	.menu-list-appetizers,
	.menu-list-sandwiches,
	.menu-list-drinks-type-on-tap, 
	.menu-list-drinks-bottom{
		align-items: center;
		flex-direction: column;
		margin: 20px 0px 0 20px;
		width: calc(100% - 20px);
	}
	.menu-list-sandwiches-extras{
		margin-top: 20px;
	}
	.menu-list-drinks-bottom{
		margin: 0 0 0 20px;
	}
	.menu-list-appetizers-column,
	.menu-list-sandwiches-column,
	.menu-list-drinks-type-on-tap-column,
	.menu-list-drinks-column,
	.menu-list-drinks-type-on-tap-column,
	.menu-list-drinks-bottom-column{
		width: 80%;
	}
	.menu-list-appetizers-column-wings{
		margin: 40px 0 20px 0;
	}
	.menu-list-sauces{
		margin-top: 0px;
	}
	.media-container a{
		width: 23%;
	}
	#media-video-1{
		width: 48.65%;
	}
	.media-photo-5{
		display: none;
	}
	.media-hide-first{
		display: none;
	}
	.challenge{
		flex-direction: column;
		height: 1500px;
	}
	.challenge-container{
		justify-content: center;
	}
	.challenge-text{
		align-items: center;
		display: flex;
		flex-direction: column;
		margin-top: 200px;
		width: 100%;
	}
	.challenge-title{
		width: 450px;
	}
	.challenge-logos{
		position: relative;
		margin-top: 20px;
		right: auto;
		top: auto;
	}
	.challenge-logos-images{
		margin-top: 10px;
	}
	.challenge-fine-print{
		align-items: center;
	}
	.challenge-fine-print-bottom{
		justify-content: center;
	}
	.challenge-rules{
		align-items: center;
	}
	.challenge-rule{
		margin: 5px 0;
		text-align: center;
	}
	.challenge-rule .menu-dot-end{
		display: block;
		left: 11px;
	}
	.challenge-sandwich-image{
		display: none;
	}
}
@media(max-width: 1100px){
	.big-images{
		height: auto;
	}
	.big-image{
		height: 250px;
	}
	.big-image-1{
		margin-bottom: 0;
	}
	.big-image-bkg-1{
		filter: brightness(.7);
	}
	.big-image-bkg-2{
		filter: brightness(.7);
	}
	.big-image-social{
		flex-wrap: wrap;
		width: 100%;
	}
	.big-image-content{
		display: flex;
		justify-content: space-evenly;
		top: 10px;
	}
	.big-image-social-icon-text{
		height: 25px;
	}
	.big-image-social-icon-img-toggle{
		transform: scale(1);
		filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  	-webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1)); 
	}
	.big-image-social-icon-text-inactive-toggle{
		margin-top: 0;
	}
	.big-image-delivery{
		flex-wrap: wrap;
		width: 100%;
	}
	.big-image-delivery-content{
		height: 100%;
		justify-content: space-between;
		width: 420px;
	}
	.big-image-clover-icon{
		position: absolute;
	}
	.big-image-clover-icon-img{
		margin-top: 0;
	}
	.big-image-delivery-span{
		display: none;
	}

}
@media(max-width: 1062.2px){
	.header-desktop-wrapper{
		display: block;
	}
	.header-mobile-wrapper{
		display: none;
	}
}
@media(max-width: 1060px){
	.header-desktop-wrapper{
		display: none;
	}
	.header-mobile-wrapper{
		display: block;
	}
	.header-mobile-dropdown-container{
		align-items: center;
		height: 100%;
		margin: 0 auto;
		width: 500px;
	}
	#sandwich-challenge{
		bottom: -30px;
	}
	.challenge{
		height: 1550px;
	}
	.challenge-text{
		margin-top: 250px;
	}
}
@media(max-width: 985px){
	.big-image-social-icon-wrapper{
		width: 150px;
	}
	.big-image-social-icon-img{
		height: 50px;
	}
	.big-image-clover-icon-img{
		height: 60px;
	}
}
@media(max-width: 950px){
	.menu-list-hand-cut-fries,
	.menu-list-wings{
		width: 80%;
	}
	.media-container a{
		height: 200px;
		width: 48.5%;
	}
	.media-photos-hide{
		display: none;
	}
	#media-video-1{
		width: 100%;
	}
	#media-video-1 .media-video-overlay-logo{
			width: 150px;
	}
}
@media(max-width: 850px){
	.big-image-social-icon-wrapper{
		position: relative;
	}
	.big-image-social-icon-text{
		margin-top: 10px;
	}
	.big-image-delivery-content{
		flex-direction: column;
		height: auto;
	}
	.big-image-pickup-a, .big-image-delivery-a,
	.big-image-pickup-a-wrapper, .big-image-delivery-a-wrapper,
	.big-image-delivery-a-container{
		width: 100%;
	}
	.big-image-delivery-a-wrapper,
	.big-image-pickup-a-wrapper{
		width: calc(100% - 20px);
	}
	.big-image-pickup-a-container, .big-image-delivery-a-container,
	.big-image-delivery-a-span, .big-image-pickup-a-span{
		width: calc(100% - 20px);
	}
	.big-image-pickup-a1{
		margin: 10px 0 20px 0;
	}
	.challenge{
		height: 1500px;
	}
	.challenge-rules{
		width: calc(100% - 60px);
	}
	.footer-section{
		margin-top: 400px;
	}
	.footer-links-vertical{
		width: 100%;
	}
	.footer-links-column-2{
		align-items: center;
		flex-direction: column;
	}
	.info-links-vertical-content{
		width: 100%;
	}
	.info-links-contact ul{
		height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
	}
	.info-links-hours{
		align-items: center;
		justify-content: space-between;
		width: 70%;
	}
	.info-links-hours-span{
		text-align: center;
	}
	.info-links-contact li{
		margin: 5px 0;
	}
	.footer-links-links-line{
		margin-top: 30px;
	}
	.info-links-hours{
		flex-direction: row;
	}
}
@media(max-width: 830px){
	.info-links-hours{
		flex-direction: column;
		width: 100%;
	}
}
@media(max-width: 800px){
	.media-container a{
		width: 48%;
	}
	.challenge-title{
		width: 350px;
	}
}
@media(max-width: 750px){
	.big-images{
		flex-direction: column;
		max-width: calc(100% - 38px);
	}
	.big-image-social-icon-wrapper{
		width: 50%;
	}
	.big-image{
		width: 100%;
	}
	.big-image-1{
		margin-bottom: 40px;
	}
	.menu-categories-wrapper{
		max-width: calc(100% - 37px);
	}
	.big-image-delivery-content{
		width: 100%;
	}
	.menu-wrapper{
		max-width: calc(100% - 80px);
	}
	.menu-list-appetizers-column,
	.menu-list-sandwiches-column,
	.menu-list-drinks,
	.menu-list-drinks-bottom-column,
	.menu-list-drinks-column,
	.menu-list-drinks-type-on-tap-column{
		width: 100%;
	}
	.menu-list-hand-cut-fries{
		width: calc(100% - 20px);
	}
	.media-container{
		max-width: calc(100% - 38px);
	}
	.challenge-title{
		margin-bottom: 30px;
	}
	.challenge-logos{
		height: auto;
	}
}
@media(max-width: 720px){
	.info-links-vertical-content{
		width: 100%;
	}
	.info-links-contact ul,
	.info-links-hours{
		align-items: center;
		height: auto;
		width: 100%;
	}
	.info-links-contact li{
		width: 300px;
	}
	.info-links-contact a{
		justify-content: center;
	}
}
@media(max-width: 700px){
	.menu-list-wings-columns{
		flex-direction: column;
		width: 100%;
	}
	.menu-list-wings-column,
	.menu-list-hand-cut-fries-column{
		width: 100%;
	}
	.menu-list-hand-cut-fries-item-price{
		margin: 0 auto;
		width: 70%;
	}
}
@media(max-width: 670px){
	.header-mobile-dropdown-container{
		width: 400px;
	}
}
@media(max-width: 650px){
	.menu-category-active{
		margin: 0 20px;
		width: 200px;
	}
	.menu-category-inactive{
		min-width: 100px;
		padding: 10px;
		width: 100px;
	}
	.menu-list-hand-cut-fries{
		width: 100%;
	}
	.media-container a{
		width: 47.5%;
	}
	.challenge-logos-images{
		flex-wrap: wrap;
		width: 70%;
	}
	.challenge{
		height: 1600px;
	}
	.challenge-logos-logo{
		width: 50%;
	}
	.challenge-logos-logo-img{
		height: 100px;
		margin: 0 auto;
		width: 130px;
	}
	.challenge-logos-cb-logo{
		order: 1;
	}
	.challenge-logos-fn-logo{
		order: 4;
	}
	.challenge-logos-mf-logo{
		order: 3;
	}
	.challenge-fine-print-bottom{
		width: 500px;
	}
	#challenge-star-3{
		display: none;
	}
	#challenge-star-4{
		display: block;
	}
	#challenge-star-6{
		display: none;
	}
}
@media(max-width: 620px){
	.menu-list-hand-cut-fries-columns{
		width: 90%;
	}
	.menu-list-hand-cut-fries-item-price{
		margin: 0 auto;
		width: 80%;
	}
}
@media(max-width: 590px){
.menu-list-active-appetizers{
  	animation: menu-list-active-appetizers 1s forwards;
  }
  @keyframes menu-list-active-appetizers{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	30%{
  		opacity: 0;
  		scale: .5;
  	}
  	70%{
  		opacity: 1;
  		scale: 1.04;
  	}
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-list-active-drinks{
  	animation: menu-list-active-drinks 1s forwards;
  }
  @keyframes menu-list-active-drinks{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	30%{
  		opacity: 0;
  		scale: .5;
  	}
  	70%{
  		opacity: 1;
  		scale: 1.04;
  	}
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-list-active-sandwiches{
  	animation: menu-list-active-sandwiches 1s forwards;
  }
  @keyframes menu-list-active-sandwiches{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	30%{
  		opacity: 0;
  		scale: .5;
  	}
  	70%{
  		opacity: 1;
  		scale: 1.04;
  	}
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-categories .menu-category-active{
		font-size: 32px;
	}
	.menu-categories .menu-category-inactive{
		font-size: 18px;
	}
  .menu-order-das-d-upper{
  	animation: menu-order-das-d-upper 1s forwards;
  }
  .menu-order-das-s-upper{
  	animation: menu-order-das-s-upper 1s forwards;
  }
  .menu-order-dsa-a-upper{
  	animation: menu-order-dsa-a-upper 1s forwards;
  }
  .menu-order-dsa-d-upper{
  	animation: menu-order-dsa-d-upper 1s forwards;
  }
  .menu-order-sda-a-upper{
  	animation: menu-order-sda-a-upper 1s forwards;
  }
  .menu-order-sda-s-upper{
  	animation: menu-order-sda-s-upper 1s forwards;
  }
  @keyframes menu-order-dsa-a-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
	
	.menu-order-das-d-lower{
  	animation: menu-order-dsa-d-lower 1s forwards;
  }
  .menu-order-das-s-lower{
  	animation: menu-order-das-s-lower 1s forwards;
  }
  .menu-order-dsa-a-lower{
  	animation: menu-order-dsa-a-lower 1s forwards;
  }
  .menu-order-dsa-d-lower{
  	animation: menu-order-dsa-d-lower 1s forwards;
  }
  .menu-order-sda-a-lower{
  	animation: menu-order-sda-a-lower 1s forwards;
  }
  .menu-order-sda-s-lower{
  	animation: menu-order-sda-s-lower 1s forwards;
  }

	@keyframes menu-order-dsa-a-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  
  .menu-order-das-d-same{
  	animation: menu-order-das-d-same 1s forwards;
  }
  .menu-order-das-s-same{
  	animation: menu-order-das-s-same 1s forwards;
  }
  .menu-order-dsa-a-same{
  	animation: menu-order-dsa-a-same 1s forwards;
  }
  .menu-order-dsa-d-same{
  	animation: menu-order-dsa-d-same 1s forwards;
  }
  .menu-order-sda-a-same{
  	animation: menu-order-sda-a-same 1s forwards;
  }
  .menu-order-sda-s-same{
  	animation: menu-order-sda-s-same 1s forwards;
  }

  @keyframes menu-order-dsa-a-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-item-long-resize{
		font-size: 22px;
	}
}
@media(max-width: 575px){
	.menu-item-long{
		padding-bottom: 20px;
	}
	.menu-item-options-long{
		display: flex;
		flex-wrap: wrap;
		width: 80%;
	}
}
/*IPHONE PORTRAIT*/
@media only screen and (min-device-width : 305px) and (max-device-width : 900px) and (orientation : portrait){
/*****TOGGLE*****/
	.header-desktop-wrapper-toggle{
		background-color: inherit;
	}
	.header-order-now-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 1s;
	}
	.header-order-now-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-social-icon-text-toggle{
  	height: inherit;
  	transition: 0s;
  }
  .big-image-social-icon-text-inactive-toggle{
  	margin-top: inherit;
  	transition: 0s;
  }
	.big-image-delivery-icon-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-icon-img-toggle,
	.big-image-social-icon-img-toggle{
		filter: none
  	-webkit-filter: none;  
  	transition: 0s;	
	}
	.big-image-social-icon-img-toggle{
		transform: scale(1);
	}
	.big-image-delivery-a-container-toggle,
	.big-image-pickup-a-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-a-span-toggle,
	.big-image-pickup-a-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.challenge-logos-logo-toggle{
		transform: scale(1);
		transition: 0s;
	}	
	.challenge-logos-logo-img-toggle{
		filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  	-webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));  
	  transition: 0s;	
	}
	.big-image-social-icon-wrapper:hover{
	  	cursor: auto;
	  }
	.menu-category-inactive:hover{
	  	cursor: auto;
	  }
	.media-image:hover{
		cursor: auto;
	}
	.media-photo img:hover{
			transform: scale(1);
			transition: 0s;
		}
	.media-photos-view-more:hover{
			cursor: auto;
			transform: scale(1);
			transition: 0s;
		}
	.media-video-overlay-arrow:hover{
			transition: 0s;
			transform: scale(1);
		}
	.info-links-contact a:hover{
		color: #fff;
		transform: scale(1) translateX(0px);
		transition: 0s;
	}
	.header-mobile-burger:hover{
		cursor: auto;
	}
/*****ANCHOR TAGS*****/
	#menu{
		top: -70px;
	}
	#media{
		top: -90px;
	}
	#sandwich-challenge{
		bottom: -20px;
	}
/*****HEADER*****/
	.header-mobile-dropdown-container{
		width: 100%;
	}
/*****TOGGLE END*****/	
	.big-images{
		margin: 20px auto 0 auto;
		width: calc(100% - 38px);
	}
	.big-image-1{
		height: 150px;
		margin-bottom: 20px;
	}
	.big-image-bkg-1{
		object-position: bottom;
	}
	.big-image-social-icon-wrapper{
		width: 22%;
	}
	.big-image-social{
		font-size: 18px;
	}
	.big-image-social-icon-img{
		height: 40px;
	}
	.menu-categories{
		flex-direction: column;
		height: auto;
		margin: 0;
	}
	.menu-category{
		font-size: inherit;
		margin: 5px 0;
	}
	.menu-categories .menu-category-inactive{
		height: 21.5px;
		width: calc(100% - 62px);
	}
	.menu-categories .menu-category-active{
		height: 38.5px;
		width: calc(100% - 42px) !important;
	}
	.menu-list-active-appetizers{
  	animation: menu-list-active-appetizers 1s forwards;
  }
  @keyframes menu-list-active-appetizers{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		scale: 1;
  	}
  	20%{
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		opacity: 0;
  	}
  	70%{
  		opacity: 1;
  		scale: 1.05;
  	}
  	
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-list-active-drinks{
  	animation: menu-list-active-drinks 1s forwards;
  }
  @keyframes menu-list-active-drinks{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		scale: 1;
  	}
  	20%{
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		opacity: 0;
  	}
  	70%{
  		opacity: 1;
  		scale: 1.05;
  	}
  	
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-list-active-sandwiches{
  	animation: menu-list-active-sandwiches 1s forwards;
  }
  @keyframes menu-list-active-sandwiches{
  	0%{
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		scale: 1;
  	}
  	20%{
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		opacity: 0;
  	}
  	70%{
  		opacity: 1;
  		scale: 1.05;
  	}
  	
  	100%{
 			opacity: 1;
  		scale: 1;
  	}
  }
	.menu-order-das-d-upper{
  	animation: menu-order-das-d-upper 1s forwards;
  }
  .menu-order-das-s-upper{
  	animation: menu-order-das-s-upper 1s forwards;
  }
  .menu-order-dsa-a-upper{
  	animation: menu-order-dsa-a-upper 1s forwards;
  }
  .menu-order-dsa-d-upper{
  	animation: menu-order-dsa-d-upper 1s forwards;
  }
  .menu-order-sda-a-upper{
  	animation: menu-order-sda-a-upper 1s forwards;
  }
  .menu-order-sda-s-upper{
  	animation: menu-order-sda-s-upper 1s forwards;
  }
  @keyframes menu-order-dsa-a-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-upper{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 32px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	
  	100%{
  		color: rgba(255,255,255,1);
 			font-size: 32px;
 			opacity: 1;
  		scale: 1;
  	}
  }
	
	.menu-order-das-d-lower{
  	animation: menu-order-dsa-d-lower 1s forwards;
  }
  .menu-order-das-s-lower{
  	animation: menu-order-das-s-lower 1s forwards;
  }
  .menu-order-dsa-a-lower{
  	animation: menu-order-dsa-a-lower 1s forwards;
  }
  .menu-order-dsa-d-lower{
  	animation: menu-order-dsa-d-lower 1s forwards;
  }
  .menu-order-sda-a-lower{
  	animation: menu-order-sda-a-lower 1s forwards;
  }
  .menu-order-sda-s-lower{
  	animation: menu-order-sda-s-lower 1s forwards;
  }

	@keyframes menu-order-dsa-a-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-lower{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 32px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 32px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  
  .menu-order-das-d-same{
  	animation: menu-order-das-d-same 1s forwards;
  }
  .menu-order-das-s-same{
  	animation: menu-order-das-s-same 1s forwards;
  }
  .menu-order-dsa-a-same{
  	animation: menu-order-dsa-a-same 1s forwards;
  }
  .menu-order-dsa-d-same{
  	animation: menu-order-dsa-d-same 1s forwards;
  }
  .menu-order-sda-a-same{
  	animation: menu-order-sda-a-same 1s forwards;
  }
  .menu-order-sda-s-same{
  	animation: menu-order-sda-s-same 1s forwards;
  }

  @keyframes menu-order-dsa-a-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-d-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-das-s-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-a-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-sda-s-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  @keyframes menu-order-dsa-d-same{
  	0%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1;
  	}
  	10%{
  		color: rgba(255,255,255,0);
  		scale: 1;
  	}
  	20%{
  		color: rgba(255,255,255,0);
  		font-size: 18px;
  		opacity: 0;
  		scale: .5;
  	}
  	45%{
  		font-size: 18px;
  		opacity: 0;
  	}
  	70%{
  		color: rgba(255,255,255,1);
  		font-size: 18px;
  		opacity: 1;
  		scale: 1.1;
  	}
  	100%{
 			font-size: 18px;
 			color: rgba(255,255,255,1);
 			opacity: 1;
  		scale: 1;
  	}
  }
  #menu-list-title-drink-menu{
  	margin-left: -5px;
  	width: calc(100% + 10px);
  }
	.menu-list-title h2{
		font-size: 40px;
	}
	.menu-list-title span{
		visibility: hidden;
	}
	.menu-item-long-mobile{
		flex-wrap: wrap;
	}
	.mobile-drink-resize-br{
		display: block;
	}
	.menu-items-yes-options-long{
		margin: 0 0 40px 0;
	}
	.menu-item-long-resize{
		flex-wrap: wrap;
	}
	.menu-list-hand-cut-fries-columns{
		width: 100% !important;
	}
	.menu-list-hand-cut-fries-item-price{
		width: 90% !important;
	}
	.menu-list-hand-cut-fries-item-price-item{
		font-size: 20px !important;
	}
	.media{
		margin: 0 0 20px 0;
	}
	.media-photo img:hover{
		transform: scale(1);
		transition: 0s;
	}
	.challenge{
		height: 2600px;
		overflow-y: hidden;
		margin: 0;
	}
	.challenge-container{
		height: 100%;
		margin: 0;
	}
	.challenge-text{
		margin-top: 600px;
	}
	.challenge-title{
		width: 350px;
	}
	.challenge-logos{
		height: auto;
		margin-top: 40px;
		text-align: center;
		width: 100%;
	}
	.challenge-logos-images{
		margin: 10px 0;
	}
	.challenge-logos-logo-img{
		width: 100px;
	}
	.challenge-fine-print{
		text-align: center;
		width: 100%;
	}
	.challenge-fine-print-top{
		margin: 10px 0;
	}
	.challenge-fine-print-bottom{
		width: calc(100% - 10px);
	}
	#challenge-star-2,
	#challenge-star-4,
	#challenge-star-6{
		display: none;
	}
	#challenge-star-3{
		display: block;
	}
	.challenge-sandwich-image{
		bottom: 0;
		margin-top: 40px;
		right: 20px;
	}
	.extra-stuff{
		margin-top: 500px;
	}
	.info-links-contact a{
		justify-content: flex-start;
	}
	.info-links-hours-span{
		line-height: 1;
		margin: 10px 0;
		width: 300px;
	}
	.info-links-hours span{
		text-align: left;
	}
	.footer-section{
		margin-top: 600px;
	}
	.footer-hours-mobile-br{
		display: block;
	}
	#sometimes{
		padding: 0 10px 0 0;
		width: auto;
	}
	#footer-ellipses-1,
	#footer-ellipses-3{
		display: none;
	}
	#footer-ellipses-2,
	#footer-ellipses-4{
		border-bottom: 2px dotted #F4FFB3;
		border-spacing: 15px;
	}
}
/***IPAD PORTRAIT***/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
/*****TOGGLE*****/
	.header-mobile-dropdown-container{
		width: 500px;
	}
	.header-desktop-wrapper-toggle{
		background-color: inherit;
	}
	.header-order-now-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 1s;
	}
	.header-order-now-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-social-icon-text-toggle{
  	height: inherit;
  	transition: 0s;
  }
  .big-image-social-icon-text-inactive-toggle{
  	margin-top: inherit;
  	transition: 0s;
  }
	.big-image-delivery-icon-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-icon-img-toggle,
	.big-image-social-icon-img-toggle{
		filter: none
  	-webkit-filter: none;  
  	transition: 0s;	
	}
	.big-image-social-icon-img-toggle{
		transform: scale(1);
	}
	.big-image-delivery-a-container-toggle,
	.big-image-pickup-a-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-a-span-toggle,
	.big-image-pickup-a-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.challenge-logos-logo-toggle{
		transform: scale(1);
		transition: 0s;
	}	
	.challenge-logos-logo-img-toggle{
		filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  -webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));  
	  transition: 0s;	
	}
	.big-image-social-icon-wrapper:hover{
	  	cursor: auto;
	  }
	.menu-category-inactive:hover{
	  	cursor: auto;
	  }
	.media-photo img:hover{
			transform: scale(1);
			transition: 0s;
		}
	.media-photos-view-more:hover{
			cursor: auto;
			transform: scale(1);
			transition: 0s;
		}
	.media-video-overlay-arrow:hover{
			transition: 0s;
			transform: scale(1);
		}
	.info-links-contact a:hover{
		color: #fff;
		transform: scale(1) translateX(0px);
		transition: 0s;
	}
/*****TOGGLE END*****/

	.big-image{
		height: 245px;
	}
	.menu-categories{
		flex-direction: row;
	}
	.menu-categories .menu-category-active{
		font-size: 32px;
		width: 240px !important;
	}
	.menu-categories .menu-category-inactive{
		font-size: 18px;
		width: 140px !important;
	}
	.challenge{
		height: 1275px;
		padding: 0 0 150px 0;
	}
	.challenge-text{
		margin-top: 200px;
	}
	.challenge-logos-images{
		width: 655px;
	}
	.challenge-logos-logo{
		margin: 0 auto;
	}
	.challenge-fine-print-bottom{
		width: calc(100% - 150px);
	}
	#challenge-star-2,
	#challenge-star-6{
		display: block;
	}
	.challenge-rules{
		width: calc(100% - 20px);
	}
	.footer-section{
		margin-top: 200px;
	}
}

/***IPAD LANDSCAPE***/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
/*****TOGGLE*****/
	.header-mobile-dropdown-container{
		width: 500px;
	}
	.header-desktop-wrapper-toggle{
		background-color: inherit;
	}
	.header-order-now-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 1s;
	}
	.header-order-now-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-social-icon-text-toggle{
  	height: inherit;
  	transition: 0s;
  }
  .big-image-social-icon-text-inactive-toggle{
  	margin-top: inherit;
  	transition: 0s;
  }
	.big-image-delivery-icon-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-icon-img-toggle,
	.big-image-social-icon-img-toggle{
		filter: none
  	-webkit-filter: none;  
  	transition: 0s;	
	}
	.big-image-social-icon-img-toggle{
		transform: scale(1);
	}
	.big-image-delivery-a-container-toggle,
	.big-image-pickup-a-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-a-span-toggle,
	.big-image-pickup-a-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.challenge-logos-logo-toggle{
		transform: scale(1);
		transition: 0s;
	}	
	.challenge-logos-logo-img-toggle{
		filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  -webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1)); 
	  transition: 0s;	
	}
	.big-image-social-icon-wrapper:hover{
	  	cursor: auto;
	  }
	.menu-category-inactive:hover{
	  	cursor: auto;
	  }
	.media-photo img:hover{
			transform: scale(1);
			transition: 0s;
		}
	.media-photos-view-more:hover{
			cursor: auto;
			transform: scale(1);
			transition: 0s;
		}
	.media-video-overlay-arrow:hover{
			transition: 0s;
			transform: scale(1);
		}
	.info-links-contact a:hover{
		color: #fff;
		transform: scale(1) translateX(0px);
		transition: 0s;
	}
/*****TOGGLE END*****/
	.challenge-text{
		margin-top: 300px;
	}
	.footer-section{
		margin-top: 330px;
	}
}

/***IPAD LANDSCAPE***/
@media only screen and (min-device-width : 360px) and (max-device-width : 700px) and (orientation : landscape){
/*****TOGGLE*****/
	.header-mobile-dropdown-container{
		width: 500px;
	}
	.header-desktop-wrapper-toggle{
		background-color: inherit;
	}
	.header-order-now-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 1s;
	}
	.header-order-now-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-social-icon-text-toggle{
  	height: inherit;
  	transition: 0s;
  }
  .big-image-social-icon-text-inactive-toggle{
  	margin-top: inherit;
  	transition: 0s;
  }
	.big-image-delivery-icon-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-icon-img-toggle,
	.big-image-social-icon-img-toggle{
		filter: none
  	-webkit-filter: none;  
  	transition: 0s;	
	}
	.big-image-social-icon-img-toggle{
		transform: scale(1);
	}
	.big-image-delivery-a-container-toggle,
	.big-image-pickup-a-container-toggle{
		opacity: 1;
		transform: scale(1);
		transition: 0s;
	}
	.big-image-delivery-a-span-toggle,
	.big-image-pickup-a-span-toggle{
		transform: scale(1);
		transition: 0s;
	}
	.challenge-logos-logo-toggle{
		transform: scale(1);
		transition: 0s;
	}	
	.challenge-logos-logo-img-toggle{
		filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1));
  -webkit-filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 5px rgba(174, 185, 111, 1)); 
	  transition: 0s;	
	}
	.big-image-social-icon-wrapper:hover{
	  	cursor: auto;
	  }
	.menu-category-inactive:hover{
	  	cursor: auto;
	  }
	.media-photo img:hover{
			transform: scale(1);
			transition: 0s;
		}
	.media-photos-view-more:hover{
			cursor: auto;
			transform: scale(1);
			transition: 0s;
		}
	.media-video-overlay-arrow:hover{
			transition: 0s;
			transform: scale(1);
		}
	.info-links-contact a:hover{
		color: #fff;
		transform: scale(1) translateX(0px);
		transition: 0s;
	}
/*****TOGGLE END*****/
	.header-mobile-dropdown-container{
		width: 550px;
	}
	.header-dropdown-top{
		width: 400px;
	}
	.header-dropdown-bottom{
		display: flex;
	}
	.header-mobile-dropdown-links{
		align-items: flex-start;
		margin-top: 10px;
	}
	.header-mobile-dropdown-links-li{
		font-size: 14px;
	}
	.header-mobile-dropdown-line{
		display: none;
	}
	.header-mobile-wrapper .footer-links-vertical{
		justify-content: space-evenly;
	}
	.header-mobile-wrapper .footer-links-vertical-title{
		display: none;
	}
	.info-links-hours-span{
		font-size: 14px;
	}
	.challenge{
		height: 1900px;
	}
	.challenge-text{
		margin-top: 400px;
	}
}