@charset "utf-8";
/* CSS Document */

/* SCENE 1 ANIMATIONS */
@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
	  opacity:1
  }
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
	  opacity:1
  }
}
@-webkit-keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
            transform: rotateY(100deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 1;
  }
}
@keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
            transform: rotateY(100deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-right-fwd {
  0% {
    -webkit-transform: rotateY(-100deg);
            transform: rotateY(-100deg);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 1;
  }
}
@keyframes swing-in-right-fwd {
  0% {
    -webkit-transform: rotateY(-100deg);
            transform: rotateY(-100deg);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 1;
  }
}
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
	  opacity:0
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
	  opacity:1
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
	  opacity:0
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
	  opacity:1
  }
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes blink-2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Wrapper dissaping when any game button is pressed */

@-webkit-keyframes scale-vout-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}

/* SCENE 2 ANIMATIONS */

@-webkit-keyframes slide-in-bck-top {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px);
            transform: translateZ(700px) translateY(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-top {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px);
            transform: translateZ(700px) translateY(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes bounce-in-fwd2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
	  opacity:1
  }
}
@keyframes bounce-in-fwd2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; 
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; 
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;  
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; 
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; 
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out; 
            animation-timing-function: ease-out;  
	opacity: 1;
  }
}
@-webkit-keyframes float {
  0% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1}
  50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); opacity:1}
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1 }
}
@keyframes float {
  0% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1}
  50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); opacity:1}
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1}
}


.pulsate-fwd {
	-webkit-animation: pulsate-fwd 0.5s ease-in-out both;
	        animation: pulsate-fwd 0.5s ease-in-out both;
}
.bounce-in-fwd {
	-webkit-animation: bounce-in-fwd 1.1s both;
	        animation: bounce-in-fwd 1.1s both;
}
.slide-in-blurred-right {
	-webkit-animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.slide-in-blurred-left {
	-webkit-animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.swing-in-left-fwd {
	-webkit-animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-bottom-fwd {
	-webkit-animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-right-fwd {
	-webkit-animation: swing-in-right-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-right-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-left-fwd2 {
	-webkit-animation: swing-in-left-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-left-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-bottom-fwd2 {
	-webkit-animation: swing-in-bottom-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-bottom-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-right-fwd2 {
	-webkit-animation: swing-in-right-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-right-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.fade-in {
	-webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.blink-2 {
	-webkit-animation: blink-2 0.9s both;
	        animation: blink-2 0.9s both;
}
.slide-in-bck-top {
	-webkit-animation: slide-in-bck-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bck-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.bounce-in-fwd2 {
	-webkit-animation: bounce-in-fwd2 1.1s both;
	        animation: bounce-in-fwd2 1.1s both;
	
}
.float {
  -webkit-animation:float 2s linear infinite;
  animation:float 2s linear infinite;
  transform-origin: 50% 50%
}
.scale-out-center {
	-webkit-animation: scale-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) .125s both;
	        animation: scale-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) .125s both;
}

/* Div layer for the entire container. */

#dc_container {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: auto;
    font-size:0;
	top:0;
	left:0;
	z-index: 999999999999; 
}
#dc_content {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#info {
	position:absolute;
	display:block;
	bottom:0.75%;
	z-index: 999;
	right:1.25%;
	width:20px;
	height:20px; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none
}
#info img {
	position:inherit;
	width:100%
}

/* Invisible button for background clickthrough. */

#dc_background_exit{
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	right: 10px;
	z-index: 998;
	cursor: pointer;
	opacity: 0;
}

#dc_bgImage{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#dc_expand_logo{
	position: absolute;
	left: 5px;
	top: 5px;
}

#dc_btnClose{
	display:block;
	position: absolute;
	width: 25px;
	height: auto;
	top: 1.5%;
	right: 3%;
	z-index: 999;	
	cursor: pointer; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none
}

#dc_content img, #dc_content svg{width:100%; height:auto}


/* SCENE 1 */
	
.scene1_wrap{display:flex; flex-direction:column; align-items:center; position:absolute; width:100%; height:100%; background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(230,231,232,1) 100%); z-index:20}	
	
.burger{width:286px; margin-top:4.5vh; margin-left:3%; opacity:0; image-rendering:crisp-edges; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}
	

.txt_wrap{display:flex; flex-direction:column; align-items:center; justify-content: flex-start; margin-top:-.875vh; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}	
	
.tap{width:81px; margin-bottom:3.1px; opacity:0}
.on{width:57.9px; margin-bottom:5.4px; opacity:0}
.blt{width:221.8px}
.blt svg{overflow:visible}
.blt svg path{opacity:0}	
.to{width:55.5px; margin-top:2.9px; margin-bottom:.5px; opacity:0}
.reach{width:141.5px; margin-bottom:4.2px; opacity:0}
.the{width:81.6px; opacity:0}
.mchicken{width:208.3px; margin-top:-2.6px; opacity:0}

.game_wrap{display:flex; flex-direction:row; position:absolute; width:372.3px; align-items:flex-end; justify-content:space-between; bottom:15.25%; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}
	
.b_wrap{display:flex; position:relative; flex-direction:column}
.l_wrap{display:flex; position:relative; flex-direction:column}
.t_wrap{display:flex; position:relative; flex-direction:column}
	
.b_btn{width:110px; position:relative; z-index:10; -webkit-tap-highlight-color: transparent; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}
.l_btn{width:110px; position:relative; z-index:10; -webkit-tap-highlight-color: transparent; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}
.t_btn{width:110px; position:relative; z-index:10; -webkit-tap-highlight-color: transparent; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}
	
.b_btn img, .l_btn img, .t_btn img{opacity:0; outline:0}
	
.b_bar{display:flex; background-color:#bf754a}
.l_bar{display:flex; background-color:#8bc53f}
.t_bar{display:flex; background-color:#ec1c24}
	
	
.bacon{width:133.3px; position:absolute; z-index:11; margin-top:22.8px; margin-left:-8px; filter: drop-shadow(0px 4px 2px rgba(0,0,0,0.75)); image-rendering:crisp-edges}
.lettuce{width:148.2px; position:absolute; z-index:12;   margin-top:10.9px; margin-left:-18px; filter: drop-shadow(0px 4px 2px rgba(0,0,0,0.75)); image-rendering:crisp-edges}
.tomato{width:76.9px; position:absolute; z-index:13; margin-top:3.9px; right:1.1px; filter: drop-shadow(0px 4px 2px rgba(0,0,0,0.75)); image-rendering:crisp-edges}
	
.bacon img, .lettuce img, .tomato img{overflow:visible}

.hand{position:absolute; width:50px; left:calc(7.5% - 25px); top:0; transform:rotate(45deg); opacity:0; filter:drop-shadow(1px 2px rgba(0,0,0,.5)); pointer-events:none}	
	
	

.height_class_0{height:0vh; transition:.25s; transition-timing-function:ease-in}
.height_class_20{height:8vh; transition:.25s; transition-timing-function:ease-in}
.height_class_40{height:16vh; transition:.25s; transition-timing-function:ease-in}
.height_class_60{height:24vh; transition:.25s; transition-timing-function:ease-in}
.height_class_80{height:32vh; transition:.25s; transition-timing-function:ease-in}
.height_class_100{height:40vh; transition:.25s; transition-timing-function:ease-in}




.appear{-webkit-transform:translateY(0%)!important; transform:translateY(0%)!important; transition:.5s; transition-timing-function:ease-out}
.disappear{display:none}	
	
	
/* SCENE 2 */	

.scene2_wrap{display:flex; flex-direction:column; align-items:center; position: absolute; width: 100%; height: 100%; background-image: url("assets/scene2-bg-428.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100% auto; -webkit-transform:translateY(-100%); transform:translateY(-100%); z-index:30}	
	
.scene2_txt_wrap{display:flex; flex-direction:column; align-items:center; margin-top:4vh; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}	
	
.mchicken2{width:206.6px; margin-bottom:-20px; z-index:10;  opacity:0}	
.blt2 {width:294.8px; }
.blt2 svg{overflow:visible}	
.blt2 svg path{opacity:0}

.blt_txt_wrap{display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top:17.25px; width:205.5px}	
.bacon_txt{width:48.9px; opacity:0}
.lettuce_txt{width:61.8px; opacity:0}
.tomato_txt{width:59.7px; opacity:0}
.star{width:7.9px; opacity:0}
.limited{width:118.8px; margin-top:8.3px; opacity:0; image-rendering:crisp-edges}	

.grab{position:absolute; width:250.3px; bottom:3.95vh; opacity:0; filter:drop-shadow(-1px 1px 1px rgba(0,0,0,.5)); image-rendering:crisp-edges; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}	






/* Big Phone (tall screen) */
@media screen and (max-device-width:414px) and (-webkit-min-device-pixel-ratio:2) {
	
/* SCENE 1 */
	

.burger{width:286px; margin-top:4.8vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:81px; margin-bottom:3.1px}
.on{width:57.9px; margin-bottom:5.4px}
.blt{width:221.8px}
.to{width:55.5px; margin-top:2.9px; margin-bottom:.5px}
.reach{width:141.5px; margin-bottom:4.2px}
.the{width:81.6px}
.mchicken{width:208.3px; margin-top:-2.6px}

.game_wrap{width:366.3px; bottom:15%}
	
.b_btn{width:108px}
.l_btn{width:108px}
.t_btn{width:108px}
	
.bacon{width:133.3px; margin-top:22.8px; margin-left:-8px}
.lettuce{width:148.2px; margin-top:10.9px; margin-left:-18px}
.tomato{width:76.9px; margin-top:3.9px; right:1.1px}
	
.hand{width:50px; left:calc(7.5% - 25px)}	
	
.height_class_0{height:0vh}
.height_class_20{height:8.9vh}
.height_class_40{height:17.8vh}
.height_class_60{height:26.7vh}
.height_class_80{height:35.6vh}
.height_class_100{height:44.5vh}

/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-414-tall.jpg")}	
	
.scene2_txt_wrap{margin-top:5.25vh}	
	
.mchicken2{width:206.6px; margin-bottom:-20px}	
.blt2 {width:294.8px}


.blt_txt_wrap{margin-top:17.25px; width:205.5px}	
.bacon_txt{width:48.9px}
.lettuce_txt{width:61.8px}
.tomato_txt{width:59.7px}
.star{width:7.9px}
.limited{width:118.8px; margin-top:8.3px}	

.grab{width:250.3px; bottom:5.25vh}	
		
}


/* Big Phone (normal screen) */
@media  screen and (max-device-width:414px) and (max-height:725px) and (-webkit-min-device-pixel-ratio:2) {
	
/* SCENE 1 */
	

.burger{width:271.4px; margin-top:4.5vh; margin-left:3%}
	
.txt_wrap{margin-top:-1vh}	
	
.tap{width:76.8px; margin-bottom:2.9px}
.on{width:54.9px; margin-bottom:5.1px}
.blt{width:210.4px}
.to{width:52.6px; margin-top:2.7px; margin-bottom:.47px}
.reach{width:134.3px; margin-bottom:4px}
.the{width:77.4px}
.mchicken{width:197.6px; margin-top:-2.4px}

.game_wrap{width:347.6px; bottom:15.25%}
	
.b_btn{width:102.5px}
.l_btn{width:102.5px}
.t_btn{width:102.5px}
	
.bacon{width:126.5px; margin-top:21.6px; margin-left:-7.6px}
.lettuce{width:140.6px; margin-top:10.3px; margin-left:-17px}
.tomato{width:72.9px; margin-top:3.7px; right:1px}
	
.hand{width:47.4px; left:calc(7.5% - 23.7px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8vh}
.height_class_40{height:16vh}
.height_class_60{height:24vh}
.height_class_80{height:32vh}
.height_class_100{height:40vh}

/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-414-normal.jpg")}	
	
.scene2_txt_wrap{margin-top:4vh}	
	
.mchicken2{width:196px; margin-bottom:-19px}	
.blt2 {width:279.7px}


.blt_txt_wrap{margin-top:16.37px; width:195px}	
.bacon_txt{width:46.4px}
.lettuce_txt{width:58.6px}
.tomato_txt{width:56.6px}
.star{width:7.5px}
.limited{width:112.7px; margin-top:7.8px}	

.grab{width:237.5px; bottom:3.95vh}	
	
	
}

/* Big Phone (short screen) */
@media  screen and (max-device-width:414px) and (max-height:622px) and (-webkit-min-device-pixel-ratio:2) {
	
/* SCENE 1 */
	

.burger{width:248.5px; margin-top:3vh; margin-left:3%}
	
.txt_wrap{margin-top:-1vh}	
	
.tap{width:70.4px; margin-bottom:2.7px}
.on{width:50.3px; margin-bottom:4.7px}
.blt{width:192.7px}
.to{width:48.2px; margin-top:2.5px; margin-bottom:.4px}
.reach{width:123px; margin-bottom:3.6px}
.the{width:70.9px}
.mchicken{width:181px; margin-top:-2.2px}

.game_wrap{width:318.3px; bottom:15.5%}
	
.b_btn{width:93.85px}
.l_btn{width:93.85px}
.t_btn{width:93.85px}
	
	
.bacon{width:115.8px; margin-top:19.8px; margin-left:-6.95px}
.lettuce{width:128.7px; margin-top:9.4px; margin-left:-15.6px}
.tomato{width:66.8px; margin-top:3.4px; right:.95px}
	
.hand{width:43.4px; left:calc(7.5% - 21.7px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8.2vh}
.height_class_40{height:16.4vh}
.height_class_60{height:24.6vh}
.height_class_80{height:32.8vh}
.height_class_100{height:41vh}

/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-414-short.jpg")}	
	
.scene2_txt_wrap{margin-top:1vh}	
	
.mchicken2{width:179.5px; margin-bottom:-17.4px}	
.blt2 {width:256.2px}


.blt_txt_wrap{margin-top:12.5px; width:178.5px}	
.bacon_txt{width:42.5px}
.lettuce_txt{width:53.7px}
.tomato_txt{width:51.8px}
.star{width:6.8px}
.limited{width:103.2px; margin-top:7.2px}	

.grab{width:217.5px; bottom:1.75vh}		
	
	
}


/* Medium+ Phone (tall screen) */
@media  screen and (max-device-width:393px) and (-webkit-min-device-pixel-ratio:2) {
	
/* SCENE 1 */
	
.burger{width:271.4px; margin-top:4.5vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:76.8px; margin-bottom:2.9px}
.on{width:54.9px; margin-bottom:5.1px}
.blt{width:210.4px}
.to{width:52.6px; margin-top:2.7px; margin-bottom:.47px}
.reach{width:134.3px; margin-bottom:4px}
.the{width:77.4px}
.mchicken{width:197.6px; margin-top:-2.4px}

.game_wrap{width:347.6px; bottom:15%}

.b_btn{width:102.5px}
.l_btn{width:102.5px}
.t_btn{width:102.5px}
		
.bacon{width:126.5px; margin-top:21.6px; margin-left:-7.6px}
.lettuce{width:140.6px; margin-top:10.3px; margin-left:-17px}
.tomato{width:73px; margin-top:3.7px; right:1px}
	
.hand{width:47.5px; left:calc(7.5% - 23.75px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8.8vh}
.height_class_40{height:17.6vh}
.height_class_60{height:26.4vh}
.height_class_80{height:35.2vh}
.height_class_100{height:44vh}
	
/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-393-tall.jpg")}	
	
.scene2_txt_wrap{margin-top:5.25vh}	
	
.mchicken2{width:196px; margin-bottom:-19px}	
.blt2 {width:279.7px}

.blt_txt_wrap{margin-top:16.37px; width:195px}	
.bacon_txt{width:46.4px}
.lettuce_txt{width:58.6px}
.tomato_txt{width:56.6px}
.star{width:7.5px}
.limited{width:112.7px; margin-top:7.9px}	

.grab{width:237.5px; bottom:5.25vh}		

}


/* Medium+ Phone (normal screen) */
@media  screen and (max-device-width:393px) and (max-height:680px) and (-webkit-min-device-pixel-ratio:2) {
	
/* SCENE 1 */
	
.burger{width:271.4px; margin-top:2vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:76.8px; margin-bottom:2.9px}
.on{width:54.9px; margin-bottom:5.1px}
.blt{width:210.4px}
.to{width:52.6px; margin-top:2.7px; margin-bottom:.47px}
.reach{width:134.3px; margin-bottom:4px}
.the{width:77.4px}
.mchicken{width:197.6px; margin-top:-2.4px}

.game_wrap{width:347.6px; bottom:15.25%}
	
.b_btn{width:102.5px}
.l_btn{width:102.5px}
.t_btn{width:102.5px}
	
	
.bacon{width:126.5px; margin-top:21.6px; margin-left:-7.6px}
.lettuce{width:140.6px; margin-top:10.3px; margin-left:-17px}
.tomato{width:73px; margin-top:3.7px; right:1px}
	
.hand{width:47.5px; left:calc(7.5% - 23.75px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8vh}
.height_class_40{height:16vh}
.height_class_60{height:24vh}
.height_class_80{height:32vh}
.height_class_100{height:40vh}

/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-393-normal.jpg")}	
	
.scene2_txt_wrap{margin-top:4vh}	
	
.mchicken2{width:196px; margin-bottom:-19px}	
.blt2 {width:279.7px}


.blt_txt_wrap{margin-top:16.37px; width:195px}	
.bacon_txt{width:46.4px}
.lettuce_txt{width:58.6px}
.tomato_txt{width:56.6px}
.star{width:7.5px}
.limited{width:112.7px; margin-top:7.9px}	

.grab{width:237.5px; bottom:3vh}		
		
}

/* Medium+ Phone (short screen) */
@media  screen and (max-device-width:393px) and (max-height:660px) and (-webkit-min-device-pixel-ratio:2) {
	
/* SCENE 1 */
	
.burger{width:258.9px; margin-top:4vh; margin-left:3%}
	
.txt_wrap{margin-top:-1vh}	
	
.tap{width:73.2px; margin-bottom:2.7px}
.on{width:52.3px; margin-bottom:4.8px}
.blt{width:200.7px}
.to{width:50.2px; margin-top:2.5px; margin-bottom:.44px}
.reach{width:128.1px; margin-bottom:3.8px}
.the{width:73.8px}
.mchicken{width:188.5px; margin-top:-2.2px}

.game_wrap{width:331.6px; bottom:15.25%}
	
.b_btn{width:97.8px}
.l_btn{width:97.8px}
.t_btn{width:97.8px}
	
	
	
.bacon{width:120.6px; margin-top:20.6px; margin-left:-7.2px}
.lettuce{width:134.1px; margin-top:9.8px; margin-left:-16.2px}
.tomato{width:69.6px; margin-top:3.5px; right:.9px}
	
.hand{width:45.3px; left:calc(7.5% - 22.65px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8.2vh}
.height_class_40{height:16.4vh}
.height_class_60{height:24.6vh}
.height_class_80{height:32.8vh}
.height_class_100{height:41vh}
	
/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-393-short.jpg")}	
	
.scene2_txt_wrap{margin-top:4.25vh}	
	
.mchicken2{width:187px; margin-bottom:-18.1px}	
.blt2 {width:266.8px}

.blt_txt_wrap{margin-top:15.6px; width:186px}	
.bacon_txt{width:44.2px}
.lettuce_txt{width:55.9px}
.tomato_txt{width:54px}
.star{width:7.1px}
.limited{width:107.5px; margin-top:7.5px}	

.grab{width:226.5px; bottom:3vh}		
		
}


/* Medium Phone (tall screen) */
@media  screen and (max-device-width:375px) and (-webkit-min-device-pixel-ratio:2) {
	
/* SCENE 1 */
	
.burger{width:258.9px; margin-top:1.5vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:73.2px; margin-bottom:2.7px}
.on{width:52.3px; margin-bottom:4.8px}
.blt{width:200.7px}
.to{width:50.2px; margin-top:2.5px; margin-bottom:.44px}
.reach{width:128.1px; margin-bottom:3.8px}
.the{width:73.8px}
.mchicken{width:188.5px; margin-top:-2.2px}

.game_wrap{width:331.6px; bottom:15.5%}
	
.b_btn{width:97.8px}
.l_btn{width:97.8px}
.t_btn{width:97.8px}
	
	
.bacon{width:120.6px; margin-top:20.6px; margin-left:-7.2px}
.lettuce{width:134.1px; margin-top:9.8px; margin-left:-16.2px}
.tomato{width:69.6px; margin-top:3.5px; right:.9px}
	
.hand{width:45.3px; left:calc(7.5% - 22.65px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:7.8vh}
.height_class_40{height:15.6vh}
.height_class_60{height:23.4vh}
.height_class_80{height:31.2vh}
.height_class_100{height:39vh}
	
/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-375-tall.jpg")}	
	
.scene2_txt_wrap{margin-top:3vh}	
	
.mchicken2{width:187px; margin-bottom:-18.1px}	
.blt2 {width:266.8px}


.blt_txt_wrap{margin-top:15.6px; width:186px}	
.bacon_txt{width:44.2px}
.lettuce_txt{width:55.9px}
.tomato_txt{width:54px}
.star{width:7.1px}
.limited{width:107.5px; margin-top:7.5px}	

.grab{width:226.5px; bottom:2.75vh}		
	
}

/* Medium Phone (short screen) */
@media  screen and (max-device-width:375px) and (max-height:628px) and (-webkit-min-device-pixel-ratio:2) {
	
	
/* SCENE 1 */
	
.burger{width:225.2px; margin-top:1.5vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:63.7px; margin-bottom:2.3px}
.on{width:45.5px; margin-bottom:4.1px}
.blt{width:174.6px}
.to{width:43.6px; margin-top:2.1px; margin-bottom:.38px}
.reach{width:111.4px; margin-bottom:3.3px}
.the{width:64.2px}
.mchicken{width:164px; margin-top:-1.9px}

.game_wrap{width:288.5px; bottom:15.75%}
	
.b_btn{width:85px}
.l_btn{width:85px}
.t_btn{width:85px}
	
	
.bacon{width:104.9px; margin-top:17.9px; margin-left:-6.2px}
.lettuce{width:116.6px; margin-top:8.5px; margin-left:-14px}
.tomato{width:60.5px; margin-top:3px; right:.78px}
	
.hand{width:39.4px; left:calc(7.5% - 19.7px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8vh}
.height_class_40{height:16vh}
.height_class_60{height:24vh}
.height_class_80{height:32vh}
.height_class_100{height:40vh}
	
/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-375-short.jpg")}	
	
.scene2_txt_wrap{margin-top:2.5vh}	
	
.mchicken2{width:162.7px; margin-bottom:-15.7px}	
.blt2 {width:232.1px}


.blt_txt_wrap{margin-top:13.5px; width:161.8px}	
.bacon_txt{width:38.4px}
.lettuce_txt{width:48.6px}
.tomato_txt{width:47px}
.star{width:6.1px}
.limited{width:93.5px; margin-top:6.5px}	

.grab{width:197px; bottom:.75vh}		
		
}

/* Small Phone */
@media screen and (max-device-width:360px) and (-webkit-min-device-pixel-ratio:2) {
	
	
/* SCENE 1 */
	
.burger{width:248.5px; margin-top:4.5vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:70.2px; margin-bottom:2.6px}
.on{width:50.2px; margin-bottom:4.6px}
.blt{width:192.6px}
.to{width:48.2px; margin-top:2.4px; margin-bottom:.42px}
.reach{width:122.9px; margin-bottom:3.6px}
.the{width:70.8px}
.mchicken{width:180.9px; margin-top:-2.1px}

.game_wrap{width:318.3px; bottom:15%}
	
.b_btn{width:93.8px}
.l_btn{width:93.8px}
.t_btn{width:93.8px}
	
.bacon{width:115.7px; margin-top:19.7px; margin-left:-6.9px}
.lettuce{width:128.7px; margin-top:9.4px; margin-left:-15.5px}
.tomato{width:66.8px; margin-top:3.3px; right:.8px}
	
.hand{width:43.4px; left:calc(7.5% - 21.7px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8.2vh}
.height_class_40{height:16.4vh}
.height_class_60{height:24.2vh}
.height_class_80{height:32.8vh}
.height_class_100{height:41vh}
	
/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-360-tall.jpg")}	
	
.scene2_txt_wrap{margin-top:5.25vh}	
	
.mchicken2{width:179.5px; margin-bottom:-17.3px}	
.blt2 {width:256.1px}


.blt_txt_wrap{margin-top:14.9px; width:178.5px}	
.bacon_txt{width:42.4px}
.lettuce_txt{width:53.6px}
.tomato_txt{width:51.8px}
.star{width:6.8px}
.limited{width:103.2px; margin-top:7.2px}	

.grab{width:217.4px; bottom:5vh}		
		
}

/* Small Phone (short screen) */
@media screen and (max-device-width:360px) and (max-height:620px) and (-webkit-min-device-pixel-ratio:2) {
	
	
/* SCENE 1 */
	
.burger{width:234px; margin-top:5vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:66.1px; margin-bottom:2.4px}
.on{width:47.2px; margin-bottom:4.3px}
.blt{width:181.4px}
.to{width:45.4px; margin-top:2.2px; margin-bottom:.39px}
.reach{width:115.7px; margin-bottom:3.4px}
.the{width:66.7px}
.mchicken{width:170.4px; margin-top:-1.9px}

.game_wrap{width:300.4px; bottom:15%}
	
.b_btn{width:88.5px}
.l_btn{width:88.5px}
.t_btn{width:88.5px}
	
	
.bacon{width:108.9px; margin-top:18.5px; margin-left:-6.5px}
.lettuce{width:121.2px; margin-top:8.8px; margin-left:-14.6px}
.tomato{width:62.9px; margin-top:3.1px; right:.7px}
	
.hand{width:40.8px; left:calc(7.5% - 20.4px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:8.2vh}
.height_class_40{height:16.4vh}
.height_class_60{height:24.2vh}
.height_class_80{height:32.8vh}
.height_class_100{height:41vh}
	
/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-360-short.jpg")}	
	
.scene2_txt_wrap{margin-top:4vh}	
	
.mchicken2{width:169px; margin-bottom:-16.3px}	
.blt2 {width:241.2px}


.blt_txt_wrap{margin-top:14px; width:168.1px}	
.bacon_txt{width:39.9px}
.lettuce_txt{width:50.5px}
.tomato_txt{width:48.8px}
.star{width:6.4px}
.limited{width:97.2px; margin-top:6.7px}	

.grab{width:204.8px; bottom:3.5vh}	
	

}


/* Very Small Phone */
@media screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:1.5) {
	
	
/* SCENE 1 */
	
.burger{width:173.9px; margin-top:4.5vh; margin-left:3%}
	

.txt_wrap{margin-top:-1vh}	
	
.tap{width:49.1px; margin-bottom:1.8px}
.on{width:35.1px; margin-bottom:3.2px}
.blt{width:134.8px}
.to{width:33.7px; margin-top:1.6px; margin-bottom:.3px}
.reach{width:86px; margin-bottom:2.5px}
.the{width:49.5px}
.mchicken{width:126.6px; margin-top:-1.4px}

.game_wrap{width:224px; bottom:15.25%}
	
.b_btn{width:66px}
.l_btn{width:66px}
.t_btn{width:66px}
	
	
.bacon{width:81px; margin-top:13.8px; margin-left:-4.8px}
.lettuce{width:90px; margin-top:6.5px; margin-left:-10.8px}
.tomato{width:46.7px; margin-top:2.3px; right:.5px}
	
.hand{width:30.4px; left:calc(7.5% - 15.2px)}	
	
	
.height_class_0{height:0vh}
.height_class_20{height:7.8vh}
.height_class_40{height:15.6vh}
.height_class_60{height:23.4vh}
.height_class_80{height:31.2vh}
.height_class_100{height:39vh}
	
/* SCENE 2 */	

.scene2_wrap{background-image:url("assets/scene2-bg-320.jpg")}	
	
.scene2_txt_wrap{margin-top:2.5vh}	
	
.mchicken2{width:125.6px; margin-bottom:-12.1px}	
.blt2 {width:179.2px}


.blt_txt_wrap{margin-top:10.4px; width:124.9px}	
.bacon_txt{width:29.6px}
.lettuce_txt{width:37.5px}
.tomato_txt{width:36.2px}
.star{width:4.7px}
.limited{width:72.2px; margin-top:5px}	

.grab{width:152.1px; bottom:.375vh}	
		
}