body {
  background-color: #f5ebdc;
  font-family: 'Flame Sans', Arial, sans-serif;
  color: #502314;
  font-size: 100%;
  line-height: 1.5;
}

p {
  margin-bottom: 0.75rem;
}

.navigation {
  height: 100%;
  padding: 30px;
}

.nav-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-left {
  max-width: 40%;
  padding: 5px;
}

.nav-list-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  list-style-type: none;
}

.skip-link {
  display: none;
}

.nav-list-item {
  margin-left: 1.3rem;
}

.nav-list-item.dropdown-parent {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-link {
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  font-family: Flame, Georgia, sans-serif;
  color: #f5ebdc;
  font-size: 1.125rem;
  line-height: 1;
}

.nav-link:hover {
  color: #d62300;
}

.nav-logo-div {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 90px;
  height: 90px;
  margin-top: -24px;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.nav-right {
  padding: 5px;
}

.nav-list-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}

.custom-css {
  position: fixed;
  left: 0px;
  top: 0px;
}

.header-primary {
  position: fixed;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 78px;
}

.header-primary.hidden {
  display: none;
}

.hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.heading-2 {
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 400;
}

.nav-logo-link {
  display: block;
  width: 100%;
  height: 100%;
}

.footer {
  background-color: #2b0200;
  color: #f5ebdc;
}

.footer.hidden {
  display: block;
}

.commitment-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.quality-section {
  overflow: hidden;
}

.legal-section {
  display: none;
  background-color: #502314;
  color: #f5ebdc;
}

.page-padding {
  padding-right: 40px;
  padding-left: 40px;
}

.page-padding.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.padding-vertical-large {
  padding-top: 80px;
  padding-bottom: 80px;
}

.quality-grid {
  display: -ms-grid;
  display: grid;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  background-color: #f5ebdc;
  list-style-type: none;
}

.quality-intro {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 49vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.real-meals-section {
  position: relative;
  display: none;
  padding-bottom: 0px;
}

.body-large {
  margin-bottom: 0.75em;
  font-family: Flame, Georgia, sans-serif;
  font-size: 1.125rem;
}

.body-large.text-white-transparent {
  color: rgba(245, 235, 220, 0.7);
}

.body-large.text-bbq-transparent {
  color: rgba(80, 35, 20, 0.7);
}

.body-large.text-bbq-transparent.text-center {
  text-align: center;
}

.body-large.text-bbq-transparent.sourced-responsibly-section__copy {
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
}

.body-large.nft-body-large {
  max-width: 34ch;
  margin-bottom: 1.35em;
  color: rgba(245, 235, 220, 0.7);
}

.body-large.text-plant-based {
  color: rgba(80, 35, 20, 0.7);
}

.body-large.text-plant-based.text-center {
  text-align: center;
}

.body-large.text-plant-based.footnote {
  margin-top: 4rem;
  font-size: 0.875rem;
  line-height: 1.2;
}

.footer-desktop__container {
  width: 100%;
  padding: 90px 120px 50px;
}

.real-meal-copy {
  position: relative;
  width: 50%;
  margin-bottom: 90px;
}

.image-left {
  position: absolute;
  left: 0px;
  top: auto;
  right: auto;
  bottom: 0px;
  width: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 50%;
  object-position: 100% 50%;
}

.image-left.hands {
  left: -6%;
  width: 60%;
}

.container-half-pull-left {
  max-width: 610px;
}

.button {
  display: inline-block;
  width: 100%;
  max-width: 250px;
  padding: 0.65rem 2rem 0.75rem;
  border-radius: 0.6rem;
  background-color: #d62300;
  -webkit-transition: background-color 125ms ease;
  transition: background-color 125ms ease;
  font-family: Flame, Georgia, sans-serif;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  text-align: center;
}

.button:hover {
  background-color: #a71b00;
}

.button.nav-button {
  min-width: 0px;
  padding: 0.375rem 1.5rem;
  border: 1px solid transparent;
  border-radius: 2rem;
  font-size: 0.875rem;
}

.button.nav-button.ghost-desktop {
  border-color: #d62300;
  background-color: transparent;
  color: #d62300;
}

.button.nav-button.ghost-desktop:hover {
  background-color: #f0cdbb;
}

.button.dark {
  background-color: #502314;
}

.button.dark:hover {
  background-color: #2b0200;
}

.button.royal-perks-button {
  margin-top: 40px;
}

.button.ghost {
  width: auto;
  max-width: none;
  border: 2px solid #fff;
  background-color: transparent;
  font-size: 1.5rem;
}

.button.ghost:hover {
  border-color: #d62300;
  background-color: #fff;
  color: #d62300;
  text-shadow: none;
}

.button.hidden {
  display: none;
}

.button.nft-button {
  margin-top: 0.75rem;
}

.square-outer {
  width: 50%;
  margin: auto;
}

.square-outer.sourced-responsibly {
  position: absolute;
  left: 0%;
  top: 50%;
  right: auto;
  bottom: 0%;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 0%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.square-inner {
  width: 100%;
  padding-bottom: 100%;
  background-color: #fa0;
}

.square-inner.red {
  background-color: #d62300;
}

.square-inner.green {
  height: 100%;
  background-color: #198737;
}

.ingredients-square-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ingredients-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-left: auto;
  padding-right: 10%;
  padding-left: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.site-padding {
  padding-right: 40px;
  padding-left: 40px;
}

.background-image {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.position-relative {
  position: relative;
}

.real-meals-padding {
  position: relative;
  padding-top: 150px;
  padding-bottom: 20px;
}

.quality-card {
  position: relative;
  width: 101%;
  -webkit-perspective: 4000px;
  perspective: 4000px;
  cursor: pointer;
}

.quality-card-front {
  position: relative;
  display: block;
  width: 100%;
  padding: 0px 0px 100%;
  background-color: #502314;
  color: #fff;
}

.card-heading-all-caps {
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 2.25rem;
  line-height: 1;
  text-transform: uppercase;
}

.card-front-inner {
  position: absolute;
  left: 0px;
  top: auto;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 98%;
  padding: 30px 30px 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), to(rgba(0, 0, 0, 0.48)));
  background-image: linear-gradient(180deg, transparent 75%, rgba(0, 0, 0, 0.48));
  text-align: left;
}

.meal-cards-grid {
  display: -ms-grid;
  display: grid;
  margin-bottom: 0px;
  padding-left: 0px;
  justify-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  list-style-type: none;
}

.real-meal-cards-container {
  width: 95%;
  max-width: 1420px;
  margin-right: auto;
  margin-left: auto;
}

.real-meal-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 409px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  background-color: #ff8732;
}

.real-meal-card.red {
  background-color: #d62300;
}

.real-meal-card.bbq {
  background-color: #502314;
}

.card-image-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.card-text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  background-color: #fff;
}

.card-meal-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.card-meal-aka {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: Flame, Georgia, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.nav-right-list-item {
  margin-right: 1.3rem;
}

.nav-dropdown-list {
  display: block;
  margin-bottom: 0px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0px;
  border-bottom: 1px solid #502314;
}

.nav-dropdown-list.last {
  border-bottom-style: none;
  border-bottom-width: 0px;
}

.commitment-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.grid-square-sizer {
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-bottom: 100%;
  background-color: #ff8732;
}

.grid-square-sizer.green {
  height: 100%;
  padding-bottom: 0%;
  background-color: #198737;
}

.grid-square-sizer.bbq {
  height: 100%;
  padding-bottom: 0%;
  background-color: #502314;
}

.grid-square-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Flame, Georgia, sans-serif;
  color: #fff;
  font-size: 1.5vw;
  line-height: 1;
  text-align: center;
}

.grid-square-inner.bun {
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

.grid-square-inner.mayo {
  background-image: url('../images/data-mayo.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #502314;
}

.grid-square-inner.bacon {
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

.grid-square-inner.tomato {
  background-image: url('../images/data-tomatoes.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.75);
}

.grid-square-inner.lettuce {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 135, 55, 0.25)), to(rgba(25, 135, 55, 0.25))), url('../images/20_BK_05130_LettuceLeafVisID_V4-1.jpg');
  background-image: linear-gradient(180deg, rgba(25, 135, 55, 0.25), rgba(25, 135, 55, 0.25)), url('../images/20_BK_05130_LettuceLeafVisID_V4-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.grid-square-inner.tomatoes {
  background-image: url('../images/data-tomatoes.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.grid-square-inner.onions {
  background-image: url('../images/onions.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.grid-big-text {
  margin-bottom: 0.25em;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 8vw;
  line-height: 0.9;
}

.grid-biggest-text {
  font-size: 6vw;
}

.grid-medium-text {
  margin-bottom: 0.25em;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 5vw;
  line-height: 0.9;
}

.footer-upper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 64px;
  border-bottom: 1px solid #bba391;
}

.footer-lower {
  padding-top: 20px;
}

.footer-column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 25%;
  -ms-flex: 0 25%;
  flex: 0 25%;
}

.footer-links-list {
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}

.footer-links-list-item {
  display: block;
  color: #bba391;
  font-size: 0.9375rem;
  line-height: 1.6;
}

.footer-links-list-link {
  text-decoration: none;
}

.footer-links-list-link:hover {
  text-decoration: underline;
}

.footer-column-heading {
  margin-top: 0px;
  margin-bottom: auto;
  font-family: Flame, Georgia, sans-serif;
  font-size: 1.625rem;
  line-height: 1.5;
  font-weight: 400;
  text-transform: uppercase;
}

.footer-wordmark-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 18px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.quality-card-back {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.quality-card-back.red {
  background-color: #d62300;
  color: #fff;
}

.quality-card-back.yellow {
  background-color: #fa0;
}

.quality-card-back.bbq {
  background-color: #502314;
  color: #fff;
}

.quality-card-back.mayo {
  background-color: #f5ebdc;
  text-align: center;
}

.grid-small-text {
  font-family: Flame, Georgia, sans-serif;
  font-size: 1.5vw;
  line-height: 1;
  font-weight: 400;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.75);
}

.text-pattern {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url('../images/KeepItRealMeals-outlined-bbq.svg');
  background-position: 99% 100%;
  background-size: auto;
  background-repeat: repeat-y;
  opacity: 0.1;
}

.gradient-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f5ebdc), to(rgba(245, 235, 220, 0)));
  background-image: linear-gradient(180deg, #f5ebdc 40%, rgba(245, 235, 220, 0));
}

.card-text-names {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-lower-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  list-style-type: none;
}

.footer-lower-link {
  padding-right: 0.5rem;
  padding-left: 0.6rem;
  border-left: 1px solid #bba391;
  color: #bba391;
  font-size: 0.9375rem;
  line-height: 1;
}

.footer-lower-link.first {
  padding-left: 0rem;
  border-left-style: none;
  border-left-width: 0px;
}

.footer-legal {
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #bba391;
  font-size: 0.75rem;
}

.more-dropdown-outer {
  position: absolute;
  top: 48px;
  display: none;
  min-width: 320px;
  padding-right: 24px;
  padding-left: 24px;
  border-radius: 1rem;
  background-color: #f5ebdc;
}

.nav-dropdown-item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.container-hero-text {
  position: relative;
  z-index: 0;
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}

.kirm-lockup {
  margin-bottom: 20px;
}

.royal-perks-section {
  position: relative;
  display: none;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fa0;
  background-image: none;
  background-size: auto;
  text-align: center;
}

.royal-perks {
  margin-bottom: 10px;
}

.nft-section {
  position: relative;
  overflow: hidden;
  background-color: #502314;
  color: #fff;
}

.lettuce-copy-p {
  margin-bottom: 2rem;
  font-family: Flame, Georgia, sans-serif;
  font-size: 1.5rem;
  line-height: 1.333;
}

.lettuce-copy-p.text-white {
  color: #fff;
}

.lettuce-copy-p.text-white.mb2rem {
  margin-bottom: 2rem;
}

.legal-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1.5fr;
  grid-template-columns: 1fr 1.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.nft-text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 50ch;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.whopper-section {
  overflow: hidden;
  padding-bottom: 120px;
}

.text-yellow {
  color: #fa0;
}

.text-orange {
  color: #ff8732;
}

.text-red {
  color: #d62300;
}

.whopper-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr minmax(270px, 0.5fr);
  grid-template-columns: 1fr 1fr minmax(270px, 0.5fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.whopper-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 120px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.whopper-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 120px;
  padding-left: 12%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.whopper-tabs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.whopper-tablist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  list-style-type: none;
}

.whopper-tab {
  display: block;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 12px 2rem 12px 3.5rem;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #502314;
  background-image: url('../images/icon-bun.svg');
  background-position: 11px 48%;
  background-size: 31px 27px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Flame, Georgia, sans-serif;
  color: #f5ebdc;
  font-size: 1.125rem;
  line-height: 1.125;
  text-align: left;
  cursor: pointer;
}

.whopper-tab:hover {
  background-color: #a71b00;
}

.whopper-tab._2 {
  width: 82%;
  background-image: url('../images/icon-lettuce.svg');
}

.whopper-tab._3 {
  width: 70%;
  background-image: url('../images/icon-tomato.svg');
}

.whopper-tab._4 {
  width: 68%;
  background-image: url('../images/icon-pickle.svg');
}

.whopper-tab._6 {
  width: 72%;
  background-image: url('../images/icon-patty.svg');
}

.whopper-image-image {
  width: 100%;
  max-width: none;
  margin-right: -2%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.scroll-jack {
  position: relative;
  height: 200vw;
}

.commitment-intro {
  width: 100vw;
  height: 100%;
  margin-left: 0vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.overflow-hidden-mask {
  overflow: hidden;
  height: 100vh;
}

.scroll-jack-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.scroll-jack-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.data-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.padding-vertical-xxlarge {
  padding-top: 150px;
  padding-bottom: 150px;
}

.nft-meal-box {
  width: 125%;
  max-width: 592px;
  margin-top: -5%;
  margin-right: -15%;
}

.whopper-tabpanels {
  position: absolute;
  left: 100%;
  top: 0px;
  right: 0px;
  bottom: auto;
  z-index: 0;
  width: 480px;
  height: 280px;
  min-height: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.whopper-tabpanel {
  position: relative;
  left: -100%;
  height: 110%;
  padding: 14px 30px 20px;
  border-bottom-left-radius: 12px;
  background-color: #502314;
  color: #f5ebdc;
}

.whopper-tabpanel-heading {
  margin-top: 0px;
  margin-bottom: 1em;
  padding-right: 38px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 1.5rem;
  line-height: 1;
}

.whopper-facts {
  padding-left: 0px;
  list-style-type: none;
}

.whopper-fact {
  margin-bottom: 0.5rem;
  font-family: Flame, Georgia, sans-serif;
  color: #ff8732;
  font-size: 1.125rem;
  line-height: 1.125;
}

.whopper-tab-closer {
  position: absolute;
  top: 6px;
  right: 16px;
  font-family: Flame, Georgia, sans-serif;
  font-size: 14px;
  text-transform: lowercase;
  cursor: pointer;
}

.quality-card-sizer {
  position: relative;
}

.quality-card-back-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.quality-text-large {
  margin-top: 1rem;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 1.125rem;
}

.whopper-tabpanel-icon {
  position: absolute;
  left: -42px;
  top: 0px;
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #502314;
  background-image: url('../images/icon-bun.svg');
  background-position: 11px 48%;
  background-size: 31px 27px;
  background-repeat: no-repeat;
}

.whopper-tabpanel-icon._2 {
  background-image: url('../images/icon-lettuce.svg');
}

.whopper-tabpanel-icon._3 {
  background-image: url('../images/icon-tomato.svg');
}

.whopper-tabpanel-icon._4 {
  background-image: url('../images/icon-pickle.svg');
}

.whopper-tabpanel-icon._6 {
  background-image: url('../images/icon-patty.svg');
}

.lettuce-takeover-text-left {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  padding-top: 120px;
  padding-bottom: 120px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nft-text {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  min-width: 440px;
  margin-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.real-flavor-square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.real-flavor-square-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.real-flavor-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-left: auto;
  padding-right: 10%;
  padding-left: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.simple-ingredients-square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ingredients-image-left {
  position: absolute;
  left: 0px;
  top: auto;
  right: auto;
  bottom: 0px;
  width: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 50%;
  object-position: 100% 50%;
}

.symbols-section {
  overflow: hidden;
}

.symbols-stat-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background-color: #502314;
  color: #fff;
}

.source-link {
  position: absolute;
  left: auto;
  top: auto;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
  font-family: Flame, Georgia, sans-serif;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}

.hero-background-video {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.vertical-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.half-width-sizer {
  height: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.half-grid-square-sizer {
  position: relative;
  height: 100%;
  padding-left: 100%;
  background-color: #ff8732;
}

.half-grid-square-sizer.red {
  background-color: #d62300;
}

.full-height-item {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-shadow: 0 0 14px #000;
}

.lettuce-stats-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.whopper-copy {
  max-width: 30vw;
}

.whopper-copy.mobile-only {
  display: none;
}

.hero-smaller {
  margin-top: 0px;
  margin-bottom: 48px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
}

.heading-3 {
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
}

.heading-3.max-9ch {
  max-width: 9ch;
}

.whopper-heading {
  margin-top: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 4.5vw;
  line-height: 1;
  font-weight: 400;
}

.quality-grid-wrap {
  position: relative;
}

.click-to-explore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  height: 110px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #502314;
  -webkit-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(13deg);
  font-family: Flame, Georgia, sans-serif;
  color: #f5ebdc;
  font-size: 1.3125rem;
  line-height: 1;
  text-align: center;
}

.click-to-explore.click-to-explore-whopper {
  position: static;
  top: auto;
  right: auto;
  margin: 20px 5% 12px auto;
  background-color: #d62300;
  color: #fff;
}

.click-to-explore.click-to-explore-ingredients {
  font-size: 1.3rem;
}

.whopper-tabs-inner {
  position: relative;
}

.symbols-tabpanels-wrap {
  position: relative;
  padding-left: 60%;
}

.nft-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nft-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.meal-card-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.real-meal-reveal-image {
  position: absolute;
  left: 0%;
  bottom: 0%;
}

.real-meal-image {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.hero-heading {
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 4.375rem;
  line-height: 1;
}

.lettuce-copy-container {
  max-width: 52vw;
}

.lettuce-heading-container {
  max-width: 50vw;
}

.click-to-explore-wrap {
  position: absolute;
  top: 10px;
  right: 10px;
}

.click-to-explore-wrap.click-to-explore-wrap-whopper {
  position: static;
  top: 0px;
  right: 0px;
  padding-right: 20px;
}

.blacklist-link {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
}

.blacklist-link:hover {
  color: #fa0;
}

.real-tender {
  display: inline-block;
}

.real-melty {
  display: inline-block;
}

.real-crispy {
  display: inline-block;
}

.keeping-it {
  display: block;
}

.chking-takeover-section {
  height: 250vh;
}

.order-real-section {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d62300;
  background-image: url('../images/food-tile-real.png');
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
}

.order-real-section.fixed {
  background-image: url('../images/background_food-tile.png');
}

.all-roads-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.all-roads-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.all-roads-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-right {
  position: absolute;
  left: auto;
  top: auto;
  right: -2%;
  z-index: 1;
  width: 54%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 50%;
  object-position: 100% 50%;
}

.all-roads-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.chking-takeover-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.chking-takeover-mask {
  overflow: hidden;
  height: 100vh;
}

.all-roads-padding-vertical-large {
  padding: 80px 10% 80px 20%;
}

.footer-mobile {
  display: none;
}

.quality-section__heading {
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 400;
}

.commitment-intro__heading {
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 400;
}

.hero-scroll {
  position: absolute;
  bottom: 70px;
}

.lottie-animation {
  display: none;
  width: 120px;
}

.hero-scroll__text {
  font-family: Flame, Georgia, sans-serif;
  font-size: 1.65rem;
}

.hero-scroll__arrow {
  display: block;
  margin-top: 1.5rem;
  font-size: 3rem;
  line-height: 0.5;
}

.grid-background-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-position: 100% 50%;
  object-position: 100% 50%;
}

.grid-square-inner-content {
  position: relative;
  padding-right: 40px;
  padding-left: 40px;
}

.whopper-text--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.royal-perks-legal {
  max-width: 100ch;
  margin-top: 70px;
  padding-right: 40px;
  padding-left: 40px;
  font-size: 12px;
  line-height: 1.25;
}

.royal-perks-padding-vertical-xlarge {
  position: relative;
  padding-top: 120px;
  padding-bottom: 20px;
}

.real-meals-legal {
  margin-top: 70px;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
}

.real-flavor-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.nft-heading {
  max-width: 16ch;
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
}

.nft-heading.max-9ch {
  max-width: 9ch;
}

.royal-perks-lottie {
  position: absolute;
  width: 100%;
  height: 100%;
}

.kirm-legal {
  max-width: 70ch;
  margin-top: 30px;
  margin-bottom: 0rem;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
}

.all-roads-heading-3 {
  max-width: 10ch;
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
}

.all-roads-heading-3.max-9ch {
  max-width: 9ch;
}

.card-meal-components {
  margin-bottom: 1.75rem;
}

.nft-padding {
  position: relative;
  overflow: hidden;
  padding-right: 40px;
  padding-left: 40px;
}

.nft-padding.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nft-legal {
  max-width: 82ch;
  margin: 3rem auto 0rem;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
}

.nft-padding-xxl {
  padding-top: 150px;
  padding-bottom: 150px;
}

.nft-tokens {
  position: relative;
  width: 30%;
  max-height: 800px;
  padding-bottom: 38%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nft-token-images {
  position: relative;
  display: none;
  width: 150%;
  max-width: none;
  margin-right: -25%;
  margin-bottom: -15%;
  margin-left: -15%;
}

.nft-token-king {
  display: none;
}

.nft-token-crown {
  display: none;
}

.nft-token-coin {
  display: none;
}

.nft-token-chicken {
  display: none;
}

.nft-token-king--desktop {
  position: absolute;
  top: -5%;
  right: -5%;
  display: block;
  width: 100%;
}

.nft-token-crown--desktop {
  position: absolute;
  left: -5%;
  top: -15%;
  display: block;
  width: 45%;
}

.nft-token-coin--desktop {
  position: absolute;
  right: 0px;
  bottom: -5%;
  display: block;
  width: 70%;
  margin-right: -25%;
}

.nft-token-chicken--desktop {
  position: absolute;
  left: -5%;
  bottom: -13%;
  display: block;
  width: 60%;
}

.kirm-heading {
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 4.375rem;
  line-height: 1;
  text-align: center;
}

.plant-based-takeover-section {
  height: 250vh;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.plant-based-takeover-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.plant-based-takeover-mask {
  overflow: hidden;
  height: 100vh;
}

.plant-based-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.plant-based-grid {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.plant-based-left {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.plant-based-padding-vertical-large {
  padding: 80px 10% 80px 20%;
}

.plant-based-heading-3 {
  max-width: 13ch;
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
}

.plant-based-heading-3.max-9ch {
  max-width: 9ch;
}

.plant-based-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.plant-based-pattern-container {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0%;
  height: 0vh;
  background-color: #198737;
}

.plant-based-pattern {
  width: 100%;
  height: 100%;
  background-image: url('../images/VeggieBackground.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.nutrition-intro {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nutrition-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-left: auto;
  padding-right: 10%;
  padding-left: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nutrition-image-left {
  position: absolute;
  left: 0px;
  top: auto;
  right: auto;
  bottom: 0px;
  width: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 50%;
  object-position: 100% 50%;
}

.nutrition-square-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ingredients-square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nutrition-link {
  color: #d62300;
  text-decoration: none;
}

.nutrition-phone-container {
  position: relative;
  right: 10%;
  overflow: visible;
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.nutrition-phone-screen {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 3px;
  bottom: 0%;
  -webkit-transform: scale(0.953);
  -ms-transform: scale(0.953);
  transform: scale(0.953);
}

.nutrition-phone-frame {
  position: relative;
  z-index: 1;
}

.nutrition-image {
  position: relative;
  width: 50%;
}

.nutrition-phone-shadow {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 99%;
  border-radius: 57px;
  box-shadow: 14px 14px 4px 0 rgba(0, 0, 0, 0.4);
}

.nutrition-image-food {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 100%;
  max-width: 600px;
}

.nutrition-image-food.fries {
  left: -32%;
  top: -18%;
  bottom: auto;
}

.nutrition-image-food.nuggets {
  left: -17%;
  bottom: -30%;
  max-width: 560px;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.sourcing-responsibly-takeover-section {
  height: 300vh;
}

.sourcing-responsibly-text {
  text-align: center;
}

.sourcing-responsibly-grid {
  display: -ms-grid;
  display: grid;
  width: 95%;
  margin-top: 8rem;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 0rem;
  grid-row-gap: 16px;
  -ms-grid-columns: 33.333333333333336% 33.333333333333336% 33.333333333333336%;
  grid-template-columns: 33.333333333333336% 33.333333333333336% 33.333333333333336%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.sourcing-responsibly-grid.hidden {
  display: none;
}

.sourcing-responsibly-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 13px;
}

.sourcing-responsibly-item.red {
  height: 100%;
  background-color: #d62300;
}

.sourcing-responsibly-item.orange {
  height: 100%;
  background-color: #ff8732;
}

.sourcing-responsibly-item.brown {
  height: 100%;
  background-color: #502314;
}

.sourcing-responsibly-item-image-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  height: 220px;
  margin: -8rem auto 1.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.sourcing-responsibly-item-text {
  position: relative;
  z-index: 1;
  padding-right: 4rem;
  padding-left: 4rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  text-align: center;
}

.sourcing-responsibly-item-heading {
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
}

.sourcing-responsibly-item-copy {
  font-family: Flame, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 400;
}

.sourcing-responsibly-item-image {
  -o-object-fit: cover;
  object-fit: cover;
}

.sourced-responsibly-takeover-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.sourced-responsibly-takeover-mask {
  overflow: hidden;
  height: 100vh;
}

.sourcing-responsibly-section {
  height: 100vh;
}

.sourced-responsibly-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sourced-responsibly-section__heading {
  margin-top: 0px;
  font-family: 'Flame Bold', Georgia, sans-serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 400;
}

.sourcing-responsibly-item-container.item-container-2 {
  position: relative;
  z-index: -1;
}

.sourcing-responsibly-item-container.item-container-3 {
  position: relative;
  z-index: -1;
}

.sourcing-responsibly-filler {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  border-radius: 12px;
  background-color: #d62300;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.sourcing-responsibly-filler.bottom {
  display: none;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.sourcing-responsibly-padding-vertical-large {
  padding-top: 20px;
  padding-bottom: 20px;
}

.nutrition-padding-vertical-large {
  padding-top: 80px;
  padding-bottom: 80px;
}

.header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 78px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5ebdc;
}

.left-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-menu-item {
  margin-left: 20px;
}

.dropdown-list {
  left: 20px;
}

.dropdown-list.w--open {
  left: 50%;
  top: 44px;
  overflow: auto;
  width: 320px;
  height: 85vh;
  padding: 32px;
  border-radius: 10px;
  background-color: #f5ebdc;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  color: #fff;
}

.right-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.more-dropdown {
  padding: 0px;
}

.logo-img {
  height: 60px;
}

.menu-header-link {
  font-family: Flame, Georgia, sans-serif;
  color: #502314;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  text-decoration: none;
}

.menu-header-link:hover {
  color: #d62300;
}

.menu-header-link.other {
  margin-left: 20px;
}

.link-block {
  position: absolute;
}

.link-block.w--current {
  left: 50%;
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 16px;
  background-color: #f5ebdc;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.collection-item {
  margin-top: 8px;
  padding-bottom: 8px;
}

.btn-medium-solid {
  padding: 8px 16px;
  border-radius: 100px;
  background-color: #d62300;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  font-family: Flame, Georgia, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}

.btn-medium-solid:hover {
  background-color: #8a1600;
  color: #fff;
}

.btn-medium-solid:focus {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.image {
  width: 24px;
  height: 24px;
}

.top-menu-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.body {
  background-color: #fff;
}

.html-embed {
  position: relative;
  height: 100vh;
  background-color: #000;
}

.p-xs {
  font-size: 12px;
  line-height: 16px;
}

.p-xs.footer-text {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #f5ebdc;
}

.top-footer-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.img-social-media {
  width: auto;
  height: 24px;
  max-width: 24px;
}

.heading-10 {
  margin-bottom: 12px;
  color: #f5ebdc;
}

.footer-links-list-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}

.footer-top-link {
  display: block;
  margin-bottom: 4px;
  color: #f5ebdc;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
}

.footer-top-link:hover {
  text-decoration: underline;
}

.footer-link {
  display: block;
  margin-right: 12px;
  margin-bottom: 12px;
  padding-right: 12px;
  padding-left: 0px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.3);
  color: #f5ebdc;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.last {
  border-right-width: 0px;
}

.list-social-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 44px;
  padding-bottom: 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.top-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 44px;
  padding-bottom: 44px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
}

.social-media-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition-property: all;
  transition-property: all;
}

.social-media-btn:hover {
  background-color: transparent;
}

.footer-2 {
  padding: 1rem 6rem;
  background-color: #502314;
}

.hiden-text {
  display: none;
}

@media screen and (max-width: 991px) {
  .heading-2 {
    font-size: 54px;
  }

  .commitment-section {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .body-large.text-plant-based.footnote {
    margin-top: 3rem;
  }

  .image-left.hands {
    left: 0%;
    width: 100%;
    max-width: 600px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
  }

  .button.nav-button.ghost-desktop {
    background-color: #d62300;
    -webkit-transition: color 125ms ease, background-color 125ms ease;
    transition: color 125ms ease, background-color 125ms ease;
    color: #fff;
  }

  .button.nav-button.ghost-desktop:hover {
    color: #d62300;
  }

  .square-outer.commitment {
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .ingredients-square-parent {
    width: 40%;
  }

  .ingredients-text {
    width: 60%;
  }

  .card-heading-all-caps {
    margin-bottom: 0px;
    font-size: 1.75rem;
  }

  .card-front-inner {
    padding: 20px 20px 18px;
  }

  .meal-cards-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .real-meal-card {
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .commitment-grid {
    width: 150vw;
  }

  .grid-biggest-text {
    font-size: 6.25vw;
  }

  .grid-medium-text {
    font-size: 8vw;
  }

  .grid-small-text {
    font-size: 2vw;
  }

  .gradient-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f5ebdc), color-stop(75%, rgba(245, 235, 220, 0)), to(#f5ebdc));
    background-image: linear-gradient(180deg, #f5ebdc 40%, rgba(245, 235, 220, 0) 75%, #f5ebdc);
  }

  .whopper-grid {
    -ms-grid-columns: minmax(400px, 0.5fr) minmax(47%, 1fr);
    grid-template-columns: minmax(400px, 0.5fr) minmax(47%, 1fr);
  }

  .whopper-image {
    padding-top: 60px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .whopper-text {
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .whopper-tabs {
    width: 100%;
    margin-left: auto;
    padding-left: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .whopper-tablist {
    width: 90%;
    margin-left: auto;
  }

  .whopper-tab._2 {
    width: 80%;
  }

  .whopper-tab._6 {
    width: 100%;
  }

  .whopper-image-image {
    width: 120%;
  }

  .scroll-jack {
    height: 400vw;
  }

  .nft-meal-box {
    width: 100%;
    margin: 0% auto -10%;
  }

  .whopper-tabpanels {
    width: 90%;
  }

  .whopper-tabpanel {
    width: 100%;
    height: 100%;
  }

  .quality-text-large {
    line-height: 1.25;
  }

  .nft-text {
    width: auto;
  }

  .real-flavor-square {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .real-flavor-square-parent {
    width: 100%;
    height: 50vh;
  }

  .real-flavor-text {
    width: 100%;
    height: 50vh;
    margin-left: 0px;
    padding-left: 10%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .source-link {
    top: 1rem;
    bottom: auto;
  }

  .source-link.less-space {
    bottom: 1rem;
  }

  .whopper-copy {
    max-width: 32vw;
  }

  .whopper-heading {
    font-size: 6vw;
  }

  .click-to-explore.click-to-explore-whopper {
    margin: auto;
    background-color: #d62300;
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
    color: #fff;
  }

  .click-to-explore.click-to-explore-ingredients {
    top: 10px;
    right: 10px;
    width: 100px;
    height: 100px;
    font-size: 1.25rem;
  }

  .whopper-tabs-inner {
    max-width: 600px;
    margin-left: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .nft-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .nft-image {
    position: relative;
    width: 100%;
    padding-left: 10%;
  }

  .meal-card-list-item {
    width: 48%;
    margin-bottom: 50px;
  }

  .lettuce-copy-container {
    max-width: none;
  }

  .lettuce-heading-container {
    max-width: none;
  }

  .click-to-explore-wrap {
    top: -40px;
  }

  .footer-mobile {
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 400;
    width: 100%;
    border-top: 1px solid #fff;
    background-color: #f5ebdc;
    color: #502314;
  }

  .footer-mobile__links-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    padding-left: 0px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style-type: none;
  }

  .footer-mobile__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding: 0.25rem 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #502314;
    font-size: 0.75rem;
    line-height: 0;
    letter-spacing: 0.3px;
    text-decoration: none;
  }

  .footer-mobile__icon-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-mobile__link-label {
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
  }

  .quality-section__heading {
    font-size: 54px;
  }

  .commitment-intro__heading {
    font-size: 54px;
  }

  .real-meals-legal {
    margin-top: 0px;
  }

  .real-flavor-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nft-padding {
    padding-top: 50px;
  }

  .nft-padding-xxl {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nft-tokens {
    display: none;
  }

  .nft-token-images {
    left: 0px;
    right: auto;
  }

  .nft-token-king {
    position: absolute;
    left: -22%;
    top: -10%;
    display: block;
    width: 50%;
  }

  .nft-token-crown {
    position: absolute;
    left: auto;
    top: -9%;
    display: block;
    width: 30%;
  }

  .nft-token-coin {
    position: absolute;
    left: -4%;
    top: auto;
    bottom: -8%;
    display: block;
    width: 25%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .nft-token-chicken {
    position: absolute;
    left: auto;
    top: auto;
    right: -18%;
    bottom: -25%;
    display: block;
    width: 40%;
  }

  .nft-token-king--desktop {
    position: absolute;
    left: -22%;
    top: -10%;
    display: block;
    width: 50%;
  }

  .nft-token-crown--desktop {
    position: absolute;
    left: auto;
    top: -9%;
    width: 30%;
  }

  .nft-token-coin--desktop {
    position: absolute;
    left: -4%;
    top: auto;
    bottom: -8%;
    display: block;
    width: 25%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .nft-token-chicken--desktop {
    position: absolute;
    left: auto;
    top: auto;
    right: -18%;
    bottom: -25%;
    display: block;
    width: 40%;
  }

  .nutrition-text {
    width: 60%;
  }

  .nutrition-square-parent {
    width: 40%;
  }

  .nutrition-phone-container {
    max-width: 210px;
  }

  .nutrition-image-food.fries {
    left: -50%;
    top: -10%;
  }

  .nutrition-image-food.nuggets {
    left: -50%;
    bottom: -20%;
  }

  .sourcing-responsibly-text {
    padding-right: 10%;
    padding-left: 10%;
  }

  .sourcing-responsibly-grid {
    margin-top: 4rem;
  }

  .sourcing-responsibly-item-image-container {
    margin-top: -11rem;
  }

  .sourcing-responsibly-item-text {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .sourcing-responsibly-item-heading {
    font-size: 2rem;
  }

  .sourced-responsibly-section__heading {
    font-size: 3.4rem;
  }

  .dropdown {
    display: none;
  }

  .top-menu-wrap {
    display: none;
  }

  .top-footer-block {
    width: 50%;
    margin-bottom: 32px;
  }

  .top-footer {
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 767px) {
  .quality-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .body-large.text-plant-based.footnote {
    margin-top: 2rem;
  }

  .real-meal-copy {
    width: 100%;
  }

  .image-left.hands {
    width: 80%;
  }

  .button.royal-perks-button {
    margin-top: 20px;
  }

  .button.ghost {
    font-size: 1rem;
  }

  .square-inner.green {
    height: auto;
  }

  .ingredients-square-parent {
    width: 100%;
    height: 50vh;
  }

  .ingredients-text {
    width: 90%;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
  }

  .real-meals-padding {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .meal-cards-grid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .real-meal-card {
    width: 100%;
    max-width: 300px;
    min-width: 220px;
  }

  .commitment-grid {
    width: 200vw;
  }

  .grid-biggest-text {
    font-size: 6.5vw;
  }

  .grid-small-text {
    font-size: 3.5vw;
  }

  .text-pattern {
    background-position: 50% 100%;
    background-size: contain;
  }

  .lettuce-copy-p {
    font-size: 1.25rem;
  }

  .legal-grid {
    display: block;
  }

  .whopper-section {
    padding-bottom: 80px;
  }

  .whopper-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .whopper-image {
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .whopper-text {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 60px 40px 40px;
  }

  .whopper-tabs {
    min-height: 380px;
    padding-left: 0px;
  }

  .whopper-tab {
    width: 5rem;
    height: 46px;
    padding-left: 3rem;
  }

  .whopper-tab._2 {
    width: 5rem;
  }

  .whopper-tab._3 {
    width: 5rem;
  }

  .whopper-tab._4 {
    width: 5rem;
  }

  .whopper-tab._6 {
    width: 5rem;
  }

  .whopper-image-image {
    width: 120%;
    margin-top: -20px;
    margin-right: -10%;
    margin-left: -10%;
  }

  .scroll-jack {
    height: 500vw;
  }

  .padding-vertical-xxlarge.sm-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .nft-meal-box {
    left: -2%;
    right: auto;
  }

  .whopper-tabpanels {
    width: 100%;
  }

  .nft-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .real-flavor-square {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .real-flavor-square-parent {
    height: 40vh;
  }

  .real-flavor-text {
    width: 90%;
    height: 60vh;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .simple-ingredients-square {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .ingredients-image-left {
    top: auto;
    width: 80%;
  }

  .vertical-column {
    width: 100vh;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .full-height-item {
    max-width: 100vw;
  }

  .whopper-copy {
    max-width: none;
  }

  .whopper-copy.mobile-only {
    display: block;
    width: 90%;
    margin-bottom: 20px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .hero-smaller {
    font-size: 7vw;
  }

  .whopper-heading {
    font-size: 10vw;
  }

  .click-to-explore.click-to-explore-whopper {
    width: 90px;
    height: 90px;
    font-size: 1.2125rem;
  }

  .click-to-explore.click-to-explore-ingredients {
    width: 90px;
    height: 90px;
    font-size: 1rem;
  }

  .whopper-tabs-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nft-inner {
    padding-top: 60px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .nft-image {
    width: 100%;
  }

  .meal-card-list-item {
    width: 100%;
  }

  .hero-heading {
    font-size: 10vw;
  }

  .click-to-explore-wrap {
    top: -20px;
    right: 15px;
  }

  .click-to-explore-wrap.click-to-explore-wrap-whopper {
    padding-right: 0px;
    padding-left: 15px;
  }

  .order-real-section.fixed {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    -webkit-transform: translate(0px, -100vh);
    -ms-transform: translate(0px, -100vh);
    transform: translate(0px, -100vh);
  }

  .all-roads-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .all-roads-left {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
  }

  .all-roads-right {
    width: 100%;
    height: 50vh;
  }

  .image-right {
    right: auto;
    width: 80%;
  }

  .all-roads-padding-vertical-large {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .hero-scroll {
    bottom: 90px;
  }

  .tab-label {
    display: none;
  }

  .royal-perks-legal {
    padding-right: 0px;
    padding-left: 0px;
  }

  .royal-perks-padding-vertical-xlarge {
    padding-top: 80px;
  }

  .real-flavor-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nft-heading {
    margin-right: auto;
    margin-left: auto;
  }

  .nft-padding {
    padding-top: 0px;
  }

  .nft-padding-xxl {
    padding-bottom: 0px;
  }

  .nft-padding-xxl.sm-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .nft-token-images {
    left: -2%;
    right: auto;
    max-width: 340px;
    margin-bottom: 0%;
  }

  .nft-token-king {
    left: -26%;
  }

  .nft-token-chicken {
    right: -22%;
  }

  .nft-token-king--desktop {
    left: -26%;
  }

  .nft-token-chicken--desktop {
    right: -22%;
  }

  .kirm-heading {
    font-size: 10vw;
  }

  .plant-based-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .plant-based-left {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
  }

  .plant-based-padding-vertical-large {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .plant-based-right {
    width: 100%;
    height: 50vh;
    margin-right: auto;
    margin-left: auto;
  }

  .plant-based-pattern-container {
    top: auto;
    bottom: 0px;
  }

  .nutrition-text {
    width: 90%;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
  }

  .nutrition-image-left {
    top: auto;
    width: 80%;
  }

  .nutrition-square-parent {
    width: 100%;
    height: 50vh;
  }

  .ingredients-square {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .nutrition-phone-container {
    right: 10%;
    max-width: 260px;
  }

  .nutrition-image {
    width: 70%;
  }

  .nutrition-image-food.fries {
    left: -80%;
    top: 0%;
  }

  .nutrition-image-food.nuggets {
    left: -70%;
    bottom: -20%;
  }

  .sourcing-responsibly-takeover-section {
    height: auto;
  }

  .sourcing-responsibly-grid {
    width: 100%;
    margin-top: 8rem;
    margin-bottom: 0rem;
    grid-row-gap: 8rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .sourcing-responsibly-item {
    width: 90%;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .sourcing-responsibly-item.red {
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .sourcing-responsibly-item.orange {
    margin-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .sourcing-responsibly-item.brown {
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .sourcing-responsibly-item-image-container {
    height: auto;
    max-width: 260px;
    margin-top: -8rem;
    margin-right: -2rem;
    margin-left: -2rem;
  }

  .sourcing-responsibly-item-text {
    padding-right: 11%;
    padding-left: 11%;
    text-align: left;
  }

  .sourcing-responsibly-item-heading {
    margin-bottom: 0.5rem;
    font-size: 2.2rem;
  }

  .sourced-responsibly-takeover-sticky {
    position: static;
  }

  .sourced-responsibly-takeover-mask {
    height: auto;
  }

  .sourced-responsibly-section {
    height: auto;
  }

  .sourced-responsibly-section__heading {
    font-size: 2.8rem;
  }

  .sourcing-responsibly-padding-vertical-large {
    padding-bottom: 0px;
  }

  .nutrition-padding-vertical-large {
    padding-top: 0px;
  }

  .sourcing-responsibly-sticky-overflow {
    position: relative;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    height: 200vh;
  }

  .sourcing-responsibly-sticky-overflow-fill {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    height: 100vh;
  }

  .banner-cta-container {
    height: 100vh;
  }

  .right-header {
    display: none;
  }

  .footer-left {
    margin-bottom: 24px;
  }

  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-2 {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media screen and (max-width: 479px) {
  .heading-2 {
    font-size: 1.875rem;
  }

  .commitment-section {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .page-padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  .padding-vertical-large.xs-py60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .body-large {
    font-size: 1rem;
  }

  .real-meal-copy {
    margin-bottom: 60px;
  }

  .image-left.hands {
    left: 0px;
    bottom: 0px;
    width: 100%;
  }

  .button {
    max-width: 220px;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .button.royal-perks-button {
    margin-top: 20px;
  }

  .square-outer.commitment {
    margin-bottom: auto;
    margin-left: auto;
  }

  .ingredients-text {
    padding-right: 20px;
    padding-left: 20px;
  }

  .real-meals-padding {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .card-front-inner {
    padding: 10px;
  }

  .grid-big-text {
    font-size: 12vw;
  }

  .grid-biggest-text {
    font-size: 9.25vw;
  }

  .grid-medium-text {
    font-size: 12vw;
  }

  .grid-small-text {
    font-size: 4.5vw;
  }

  .container-hero-text {
    margin-bottom: 20vw;
  }

  .lettuce-copy-p {
    line-height: 1.125;
  }

  .whopper-text {
    padding-right: 20px;
    padding-left: 20px;
  }

  .whopper-tabs {
    min-height: 390px;
  }

  .whopper-tablist {
    width: 100%;
  }

  .whopper-tab {
    font-size: 1rem;
  }

  .scroll-jack {
    height: 600vw;
  }

  .nft-meal-box {
    width: 90%;
  }

  .whopper-tabpanels {
    width: 120%;
  }

  .whopper-tabpanel {
    padding-right: 20px;
    padding-left: 20px;
  }

  .whopper-tabpanel-heading {
    margin-bottom: 0.5em;
  }

  .quality-text-large {
    margin-top: 0.5rem;
    font-size: 1rem;
  }

  .nft-text {
    min-width: 0px;
  }

  .real-flavor-square {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .real-flavor-square-parent {
    overflow: hidden;
    width: 102vw;
    height: 30vh;
    margin-left: -1vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .real-flavor-text {
    width: 100%;
    height: 60vh;
    padding-right: 5vw;
    padding-left: 5vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .ingredients-image-left {
    width: 100%;
  }

  .whopper-copy.mobile-only {
    padding-right: 20px;
    padding-left: 20px;
  }

  .hero-smaller {
    margin-bottom: 32px;
    font-size: 8vw;
  }

  .heading-3 {
    font-size: 30px;
  }

  .whopper-heading {
    font-size: 11vw;
  }

  .click-to-explore.click-to-explore-ingredients {
    width: 82px;
    height: 82px;
  }

  .whopper-tabs-inner {
    width: 100%;
    height: 100%;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .hero-heading {
    font-size: 10.5vw;
  }

  .click-to-explore-wrap {
    top: -40px;
    right: 10px;
  }

  .all-roads-grid {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .all-roads-left {
    padding-right: 20px;
    padding-left: 20px;
  }

  .quality-section__heading {
    font-size: 1.875rem;
  }

  .commitment-intro__heading {
    font-size: 1.875rem;
  }

  .hero-scroll__arrow {
    margin-top: 1rem;
  }

  .grid-square-inner-content {
    padding-right: 20px;
    padding-left: 20px;
  }

  .royal-perks-padding-vertical-xlarge {
    padding-top: 60px;
  }

  .real-flavor-padding {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .real-flavor-padding.xs-py60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nft-heading {
    font-size: 28px;
  }

  .kirm-legal {
    margin-top: 20px;
  }

  .all-roads-heading-3 {
    font-size: 30px;
  }

  .nft-padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  .nft-token-images {
    width: 90%;
  }

  .nft-token-king {
    top: -17%;
    width: 60%;
  }

  .nft-token-chicken {
    bottom: -33%;
    width: 50%;
  }

  .nft-token-king--desktop {
    top: -17%;
    width: 60%;
  }

  .nft-token-chicken--desktop {
    bottom: -33%;
    width: 50%;
  }

  .kirm-heading {
    font-size: 10.5vw;
  }

  .plant-based-grid {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .plant-based-left {
    padding-right: 20px;
    padding-left: 20px;
  }

  .plant-based-padding-vertical-large {
    padding-top: 100px;
  }

  .plant-based-heading-3 {
    font-size: 30px;
  }

  .nutrition-text {
    padding-right: 20px;
    padding-left: 20px;
  }

  .nutrition-image-left {
    width: 100%;
  }

  .nutrition-phone-container {
    right: 15%;
    max-width: 180px;
  }

  .nutrition-image {
    width: 90%;
  }

  .nutrition-image-food.fries {
    left: -70%;
    top: -10%;
  }

  .nutrition-image-food.nuggets {
    left: -70%;
  }

  .sourcing-responsibly-takeover-section {
    padding-top: 20px;
  }

  .sourcing-responsibly-grid {
    margin-top: 6rem;
    grid-row-gap: 6rem;
  }

  .sourcing-responsibly-item {
    padding-bottom: 2.5rem;
  }

  .sourcing-responsibly-item-image-container {
    max-width: 180px;
    margin-top: -6rem;
    margin-bottom: 1rem;
  }

  .sourcing-responsibly-item-heading {
    font-size: 1.5rem;
  }

  .sourced-responsibly-section__heading {
    font-size: 2.2rem;
  }

  .sourcing-responsibly-padding-vertical-large.xs-py60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nutrition-padding-vertical-large.xs-py60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .header {
    height: 56px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .left-header {
    display: none;
  }

  .logo-img {
    width: 130px;
    height: 40px;
  }

  .top-footer-block {
    width: 100%;
  }

  .footer-links-list-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer-bottom {
    padding-top: 44px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .top-footer {
    padding-top: 16px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#w-node-a9884d0e-0876-cba3-0599-7e89837f0d14-0989030e {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-a9884d0e-0876-cba3-0599-7e89837f0d14-0989030e {
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bf1df350-b38d-a3a1-f52b-4eae5a04ae43-0989030e {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }

  #w-node-a9884d0e-0876-cba3-0599-7e89837f0d14-0989030e {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
    -ms-grid-column-align: end;
    justify-self: end;
  }
}

@font-face {
  font-family: 'Flame Bold';
  src: url('../fonts/Flame-Bold.woff') format('woff'), url('../fonts/Flame-Bold.ttf') format('truetype'), url('../fonts/BK-Flame-Bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Flame';
  src: url('../fonts/Flame-Regular.woff') format('woff'), url('../fonts/Flame-Regular.ttf') format('truetype'), url('../fonts/BK-Flame-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Flame Sans';
  src: url('../fonts/FlameSans-Regular.woff') format('woff'), url('../fonts/FlameSans-Regular.ttf') format('truetype'), url('../fonts/BK-Flame-Sans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}