@font-face {
  font-family: Spot;
  src: url('../fonts/Spot-Normal.eot') format("embedded-opentype"), url('../fonts/Spot-Normal.woff') format("woff"), url('../fonts/Spot-Normal.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spot;
  src: url('../fonts/Spot-Italic.eot') format("embedded-opentype"), url('../fonts/Spot-Italic.woff') format("woff"), url('../fonts/Spot-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Boldenvan;
  src: url('../fonts/BoldenVan.woff') format("woff"), url('../fonts/BoldenVan.ttf') format("truetype"), url('../fonts/BoldenVan.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --support-1: #f9b122;
  --support-4: #1a7754;
  --swatch-3: #f3561c;
  --swatch-4: #ff9a79;
  --support-3: #e22e3f;
  --swatch-7: #fff6f0;
  --swatch-6: #ffe4d3;
  --swatch-1: #8b3424;
  --swatch-2: #d55038;
  --swatch-5: #ffbd9e;
  --shade-1: black;
  --shade-2: #081f1a;
  --shade-3: #797676;
  --shade-4: #beb5b3;
  --shade-5: #f3eae8;
  --shade-6: #fffaf9;
  --support-2: #a5d1da;
  --error: #ffcfcc;
  --support-6: #e3fcda;
  --warning: #f8bb3f33;
  --white: white;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

body {
  color: #000;
  background-color: #fff;
  font-family: Red Hat Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

h1 {
  color: var(--support-1);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .4em;
  font-family: Spot, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 1;
}

h2 {
  color: var(--support-1);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .2em;
  font-family: Spot, sans-serif;
  font-size: 4.5em;
  font-weight: 400;
  line-height: .95;
}

h3 {
  color: var(--support-1);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: .3em;
  font-family: Spot, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1;
}

h4 {
  color: var(--support-4);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: .8em;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.45;
}

a {
  color: var(--swatch-3);
  text-decoration: none;
}

a:hover {
  color: var(--swatch-4);
}

ul {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1em;
}

li {
  margin-bottom: 10px;
}

label {
  color: var(--support-3);
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: 5px solid var(--support-3);
  background-color: var(--swatch-7);
  letter-spacing: .02em;
  margin-bottom: 1em;
  padding: .75em 1em;
  font-size: 1.45em;
  font-weight: 500;
  line-height: 1.6;
}

.style__nav {
  background-color: var(--swatch-7);
  flex-direction: column;
  align-items: stretch;
  width: 300px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.style__brand {
  float: none;
  margin-bottom: 40px;
  padding: 40px 30px 20px;
  display: block;
}

.style__menu {
  float: none;
  text-align: left;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.style__link {
  margin-left: 0;
  margin-right: 0;
  padding: 15px 30px;
  font-size: 18px;
  display: block;
}

.style__link:hover {
  color: var(--swatch-3);
}

.style__link.w--current {
  background-color: var(--swatch-6);
  color: var(--swatch-3);
  font-weight: 700;
}

.style__body {
  padding-left: 300px;
}

.style__section {
  padding: 60px;
}

.style__section.top {
  background-color: var(--swatch-3);
  color: #fff;
  padding-top: 120px;
}

.style__section.mid {
  background-color: var(--swatch-3);
  color: #fff;
  margin-top: 60px;
  padding-top: 120px;
}

.style__section.before {
  background-color: var(--swatch-1);
  height: 100vh;
  color: var(--support-1);
  align-items: flex-end;
  padding-top: 120px;
  display: flex;
}

.style__header {
  width: 50%;
  max-width: 760px;
  padding-bottom: 10px;
}

.fcd {
  height: 36px;
}

.style__split {
  opacity: .2;
  background-color: #000;
  height: 1px;
  margin-top: 60px;
  margin-bottom: -50px;
}

.style__swatch-box {
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 80px;
  display: flex;
}

.style__swatch {
  background-color: var(--swatch-1);
  border: 1px solid #0000001a;
  border-radius: 10px;
  flex: 1;
  min-width: 160px;
  height: 120px;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
}

.style__swatch.swatch-2 {
  background-color: var(--swatch-2);
}

.style__swatch.swatch-3 {
  background-color: var(--swatch-3);
}

.style__swatch.swatch-4 {
  background-color: var(--swatch-4);
}

.style__swatch.swatch-5 {
  background-color: var(--swatch-5);
}

.style__swatch.swatch-6 {
  background-color: var(--swatch-6);
}

.style__swatch.shades-1 {
  background-color: var(--shade-1);
}

.style__swatch.shades-2 {
  background-color: var(--shade-2);
}

.style__swatch.shades-3 {
  background-color: var(--shade-3);
}

.style__swatch.shades-4 {
  background-color: var(--shade-4);
}

.style__swatch.shades-5 {
  background-color: var(--shade-5);
}

.style__swatch.shades-6 {
  background-color: var(--shade-6);
}

.style__swatch.swatch-7 {
  background-color: var(--swatch-7);
}

.style__swatch.support-1 {
  background-color: var(--support-1);
}

.style__swatch.support-5 {
  background-color: var(--support-4);
}

.style__swatch.support-3 {
  background-color: #d42120;
}

.style__swatch.support-2 {
  background-color: var(--support-2);
}

.style__swatch.support-4 {
  background-color: var(--error);
}

.style__swatch.support-6 {
  background-color: var(--support-6);
}

.style__swatch.support-7 {
  background-color: var(--warning);
}

.style__swatch.white {
  background-color: var(--white);
}

.style__tag-head {
  color: var(--shade-4);
  text-transform: uppercase;
  flex: 0 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.style__parent {
  margin-top: 40px;
  margin-bottom: 80px;
}

.h1._2xl {
  font-size: 72px;
  line-height: 78px;
}

.h1.xl {
  font-size: 64px;
  line-height: 70px;
}

.h1.l {
  font-size: 52px;
  line-height: 60px;
}

.pl {
  font-size: 1.6em;
  line-height: 1.45;
}

.pl.white {
  color: var(--white);
}

.ps {
  font-size: 1.2em;
}

.style__primary-indicator {
  background-color: var(--support-1);
  filter: brightness(95%);
  border-radius: 100px;
  width: 22px;
  height: 22px;
  position: absolute;
  inset: -10px -10px auto auto;
}

.style__section-head {
  color: var(--swatch-3);
  font-size: 28px;
  font-weight: 800;
}

.notice {
  background-color: var(--warning);
  border: 1px solid #00000026;
  border-radius: 10px;
  align-items: center;
  padding: 16px 20px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
}

.notice.success {
  background-color: var(--support-6);
}

.notice.error {
  background-color: var(--error);
}

.style__menu-split {
  background-color: #0000001a;
  height: 1px;
  margin: 20px;
}

.contact__link {
  letter-spacing: -.5px;
  align-items: center;
  margin-right: 30px;
  font-size: 24px;
  font-weight: 600;
  display: flex;
}

.contact__icon {
  align-items: center;
  width: 30px;
  margin-right: 6px;
  display: flex;
}

.contact__holder {
  flex-wrap: wrap;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 45px;
  display: flex;
}

.button-holder {
  margin-left: -.6em;
  margin-right: -.6em;
  display: flex;
  position: relative;
}

.button-holder.style-btn-hold {
  margin-top: -8px;
}

.button-holder.style__button-hold {
  border: 2px dotted var(--shade-4);
  min-height: 40px;
  margin: 0;
}

.button-holder.right-aligned {
  justify-content: flex-end;
}

.button-holder._2em-top {
  margin-top: 2em;
}

.master-button {
  border: 2px solid var(--shade-1);
  background-color: var(--support-4);
  color: var(--white);
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  margin-left: .35em;
  margin-right: .35em;
  padding: .7em 1.3em .6em;
  font-family: Spot, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.2;
  transition: all .3s;
  display: flex;
  box-shadow: 6px 6px 0 1px #000;
}

.master-button:hover {
  filter: brightness(115%);
  color: var(--white);
  box-shadow: 0 0 #000;
}

.master-button.secondary-btn {
  background-color: var(--support-3);
}

.master-button.black-button {
  background-color: var(--shade-2);
  color: var(--shade-6);
}

.master-button.black-button:hover {
  background-color: var(--shade-2);
}

.master-button.support-btn-1 {
  background-color: var(--support-1);
}

.master-button.support-btn-1:hover {
  background-color: #a5761a;
}

.master-button.support-btn-1.close-button {
  z-index: 99999;
  padding: .8em;
  font-size: 1.4em;
  display: none;
  position: absolute;
  inset: 2em 2em auto auto;
}

.master-button.support-btn-1.close-button.desktop {
  display: flex;
  top: -1em;
  right: -1em;
  box-shadow: 4px 4px 0 1px #000;
}

.master-button.support-btn-1.black-text {
  color: var(--shade-2);
}

.master-button.support-btn-2 {
  background-color: var(--support-2);
  color: var(--shade-1);
}

.master-button.support-btn-3 {
  background-color: var(--support-3);
  color: var(--shade-6);
}

.master-button.support-btn-4 {
  background-color: var(--support-4);
  color: var(--shade-1);
}

.master-button.outlined-1 {
  color: var(--swatch-3);
  background-color: #0000;
}

.master-button.outlined-1:hover {
  background-color: var(--swatch-7);
}

.notice__icon {
  align-items: center;
  width: 20px;
  margin-right: 6px;
  display: flex;
}

.style__version {
  color: var(--shade-4);
  padding-bottom: 20px;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.global-section {
  padding-top: 6em;
  padding-bottom: 6em;
}

.global-section.style__global-section {
  border: 2px dotted var(--shade-4);
}

.global-section.red-section {
  background-color: var(--support-3);
  color: var(--white);
}

.global-section.yellow-section {
  background-color: var(--support-1);
}

.global-section.blue-section {
  background-color: var(--support-2);
}

.global-section.no-overflow {
  overflow: hidden;
}

.global-section.beige-section {
  background-color: var(--swatch-7);
}

.global-div {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4em;
  padding-right: 4em;
}

.global-div.style__global-div {
  border: 2px dotted var(--shade-4);
  min-height: 60px;
  margin-left: 0;
}

.global-div.relative-infront {
  z-index: 2;
  position: relative;
}

.style__hex-code {
  color: #080708;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 6px;
  padding: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  position: absolute;
  inset: auto 10px 10px;
}

.utility__page-wrap {
  background-color: var(--support-3);
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  color: var(--swatch-7);
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 6em;
  display: flex;
}

.utility__icon {
  width: 80px;
  color: var(--support-1);
  flex: none;
  margin-bottom: 18px;
}

.utility__icon.support_1 {
  color: var(--support-1);
}

.owl-nav {
  z-index: 5;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.owl-nav.reviews {
  justify-content: space-between;
  align-items: center;
  max-width: none;
  padding-left: 30px;
  padding-right: 30px;
}

.owl-dots {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.owl-prev {
  background-color: var(--white);
  background-image: url('../images/left-arrow-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 20px;
  font-size: 23px;
  transition: transform .3s, color .3s, background-color .3s, box-shadow .3s;
  display: flex;
  inset: -115px 80px auto auto;
  overflow: hidden;
  box-shadow: 0 5px 20px #1f24321f;
}

.owl-prev:hover {
  background-color: var(--swatch-3);
  color: #fff;
  transform: scale(.96);
  box-shadow: 0 0 #1f24321f;
}

.relative-div {
  position: relative;
}

.relative-div.min {
  min-height: 60px;
}

.owl-next {
  background-color: var(--white);
  background-image: url('../images/right-arrow-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  font-size: 23px;
  transition: transform .3s, box-shadow .3s, color .3s, background-color .3s;
  display: flex;
  inset: -115px 0 auto auto;
  overflow: hidden;
  box-shadow: 0 5px 20px #1f24321f;
}

.owl-next:hover {
  background-color: var(--support-3);
  color: #fff;
  transform: scale(.96);
  box-shadow: 0 0 #1f24321f;
}

.owl-dot {
  background-color: var(--shade-6);
  filter: brightness(95%);
  cursor: pointer;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-right: 5px;
}

.owl-dot:hover {
  background-color: var(--shade-4);
  filter: none;
}

.owl-dot.dark {
  background-color: var(--shade-2);
}

.owl-dot.dark.active {
  background-color: var(--support-3);
}

.owl-dot.active {
  background-color: var(--support-3);
  filter: none;
}

.white-text {
  color: var(--white);
}

.style__code {
  background-color: var(--shade-2);
  border-radius: 6px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  font-family: Source Code Pro;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
}

.style__em-embed {
  background-color: var(--warning);
  border-radius: 8px;
  margin-top: 40px;
  padding: 10px 20px;
}

.style__css-embed {
  border: 2px dotted var(--shade-4);
  padding: 10px 20px;
}

.hero-section {
  background-color: var(--shade-2);
  min-height: 25em;
  padding-top: 3em;
  padding-bottom: 7em;
  position: relative;
}

.food-int__links {
  z-index: 99;
  flex: 1;
  margin-bottom: 2em;
  position: relative;
}

.food-int__link {
  color: var(--support-1);
  letter-spacing: .01em;
  text-transform: uppercase;
  padding-top: .1em;
  padding-bottom: .1em;
  font-family: Spot, sans-serif;
  font-size: 4.6em;
  font-weight: 400;
  line-height: .9;
  display: block;
}

.food-int__link:hover, .food-int__link.active {
  color: var(--support-3);
}

.food-interaction {
  margin-bottom: 2em;
  display: flex;
}

.food-image {
  z-index: 1;
  background-image: url('../images/chips-image-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 2em;
  width: 100%;
  padding-top: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(-3deg);
}

.food-image._02 {
  z-index: 2;
  background-image: url('../images/homemade-juicy-burger.jpg');
  top: 2%;
  right: 2%;
}

.food-image._04 {
  z-index: 2;
  background-image: url('../images/prepared-fresh.jpg');
  top: 1%;
  right: 2%;
}

.food-image._05 {
  z-index: 2;
  background-image: url('../images/extras.jpg');
  top: 1%;
  right: 3%;
}

.food-image._06 {
  z-index: 2;
  background-image: url('../images/little-bits.jpg');
  top: 2%;
  right: 2%;
}

.food-int__animate {
  flex: 0 45%;
  margin-left: 5%;
  padding-top: 2em;
  position: relative;
}

.hero__logo {
  width: 19em;
}

.hero__content {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 20em;
  display: flex;
}

.hero__buttons {
  margin-top: 1.25em;
  font-size: 1.2em;
  display: flex;
}

.home__about {
  color: var(--white);
  display: flex;
}

.about__text {
  flex: 0 50%;
  padding-right: 2em;
}

.about__fish-image {
  background-image: url('../images/fish-and-chips-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 50%;
  align-self: center;
  padding-top: 30%;
  position: relative;
}

.history-tag {
  z-index: 2;
  background-color: var(--support-1);
  color: var(--shade-1);
  text-align: center;
  border-radius: .75em;
  padding: .2em .8em;
  font-family: Spot, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1;
  position: absolute;
  inset: -2% auto auto 0%;
  transform: rotate(-9deg);
}

.tag-large {
  font-size: 1.5em;
  font-weight: 400;
}

.food-int__list {
  flex: 0 50%;
}

.locations__heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.flex-grow {
  flex: 1;
}

.locations {
  justify-content: space-between;
  margin-bottom: 6em;
  margin-left: -3em;
  margin-right: -3em;
  display: flex;
}

.home__location-image {
  background-color: var(--white);
  background-image: url('../images/Midgleys_Butcher_Hill_007-crop.jpg');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #000;
  border-radius: 20px;
  min-width: 14em;
  margin-bottom: 1em;
  padding-top: 100%;
  position: relative;
  transform: rotate(-6deg);
}

.home__location-image.bramley {
  background-image: url('../images/Midgleys_Bramley_001-crop.jpg');
  margin-top: 1em;
  margin-bottom: 0;
  transform: rotate(6deg);
}

.home__location-image.ilkley {
  background-image: url('../images/Midgleys_Ilkley_013.jpg');
  transform: rotate(-3deg);
}

.home__location-tag {
  background-color: var(--support-3);
  color: var(--shade-1);
  text-align: center;
  letter-spacing: .05em;
  border-radius: 10px;
  padding: .2em .8em;
  font-family: Spot, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.1;
  position: absolute;
  inset: -1.5em auto auto 1em;
  transform: rotate(10deg);
}

.home__location-tag.bramley {
  background-color: var(--support-4);
  inset: auto -1em -1em auto;
  transform: rotate(-6deg);
}

.home__location-tag.ilkley {
  background-color: var(--support-3);
  left: 3em;
  transform: rotate(3deg);
}

.home__location-tag.yellow-tag {
  background-color: var(--support-1);
}

.locations__content {
  color: var(--shade-1);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: .7em;
  padding-right: .7em;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
  transition: all .2s;
  display: flex;
}

.locations__content:hover {
  color: var(--support-3);
  transform: translate(0, -8px);
}

.locations__content.reversed {
  flex-direction: column-reverse;
}

.locations__content.locations-page {
  width: 33.3333%;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.locations__content.order-popup-location {
  color: var(--shade-1);
  padding-top: 1em;
  padding-bottom: 1em;
}

.locations__content.order-popup-location:hover {
  color: var(--support-3);
}

.home__sustainability {
  display: flex;
}

.sustainability-img {
  background-image: url('../images/fish-and-chips-2.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 2em;
  width: 30em;
  height: 30em;
  position: absolute;
  inset: -8em auto auto 0%;
  transform: rotate(-9deg);
}

.sustainability-img.second-image {
  z-index: 3;
  background-image: url('../images/boat-image.png');
  border: 3px solid #000;
  width: 16em;
  height: 16em;
  inset: auto 0 -4em auto;
  transform: rotate(5deg);
  box-shadow: 5px 5px #000;
}

.sustainability-img.blog-page {
  top: -13em;
}

.sustainability-img.locations-page {
  background-image: url('../images/chips-image-1.jpg');
  top: -11em;
}

.home__sustainability-imgs {
  flex: 0 50%;
  min-height: 20em;
  position: relative;
}

.home__sustainability-text {
  flex: 0 50%;
  padding-left: 2.5em;
}

.green-text {
  color: var(--support-4);
}

.footer-section {
  background-color: var(--shade-2);
  color: var(--white);
  padding-bottom: 3em;
}

.footer__content {
  grid-column-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 3em;
  font-size: .75em;
  display: grid;
}

.footer__addresses {
  align-items: center;
  margin-bottom: .6em;
  padding-top: .1em;
  padding-bottom: .1em;
  font-size: 1.3em;
  font-weight: 700;
  display: flex;
}

.footer__location-pin {
  width: 1.5em;
  height: 1.5em;
  margin-right: .2em;
}

.footer__app-stores {
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.app-link {
  margin-right: 1em;
  font-size: 1.1em;
  position: relative;
}

.footer__logo {
  width: 100%;
  margin-bottom: 1.6em;
}

.menu__icon-bottom-2, .menu__icon-middle-2, .menu__icon-top-2 {
  background-color: var(--shade-1);
  width: 100%;
  min-height: 3px;
  max-height: 3px;
}

.nav__menu-parent {
  z-index: 9996;
  background-color: var(--support-1);
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 62px;
  min-width: 62px;
  min-height: 62px;
  margin-right: .75em;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 6px 6px 0 1px #000;
}

.nav__menu-parent:hover {
  filter: brightness(95%);
  background-color: #ca901d;
  box-shadow: 2px 2px 0 1px #000;
}

.popout-menu-content {
  z-index: 4;
  background-color: var(--support-3);
  width: 40em;
  height: 100%;
  margin-left: auto;
  padding: 8em 3em 60px;
  position: relative;
  overflow: auto;
}

.nav__popout-menu {
  z-index: 9995;
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu__background {
  z-index: 3;
  background-color: #000000b3;
  border-right: .5px solid #1c1934;
  position: absolute;
  inset: 0%;
}

.menu__icon-wrapper-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 23px;
  min-height: 16px;
  display: flex;
}

.nav-menu__link {
  color: #fff;
  text-align: right;
  letter-spacing: .05em;
  border-bottom-style: none;
  border-radius: .6em;
  padding: .1em .4em;
  font-family: Spot, sans-serif;
  font-size: 3.2em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.nav-menu__link:hover {
  color: var(--support-1);
}

.navbar {
  z-index: 9998;
  justify-content: flex-end;
  align-items: center;
  padding: .5em 1.5em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.button-icon {
  width: 1.4em;
  height: 1.4em;
  margin-right: .4em;
}

.nav-button-wrap {
  z-index: 9996;
  position: relative;
}

.home__menu-app {
  z-index: 3;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: -7em;
  display: flex;
  position: relative;
}

.menu-cta-icon {
  width: 1.5em;
  height: 2em;
  margin-bottom: -.2em;
  margin-right: .35em;
}

.menu-cta-icon.dl-icon {
  object-fit: contain;
  object-position: 100% 50%;
  height: 1.2em;
  margin-bottom: -.1em;
}

.home__menu-cta {
  color: var(--support-1);
  align-items: flex-end;
  padding-top: .1em;
  padding-bottom: .3em;
  font-family: Spot, sans-serif;
  font-size: 3.2em;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.home__menu-cta:hover {
  color: var(--support-1);
  text-decoration: underline;
}

.home__menu-cta.red-text {
  color: var(--support-3);
  position: relative;
}

.menu-cta-appstore {
  align-items: center;
  margin-top: 1.5em;
  padding-left: 5.9em;
  display: flex;
}

.menu-app-link {
  margin-right: 1.5em;
  position: relative;
}

.menu-app-link.end {
  margin-right: 0;
}

.half-text {
  font-size: .5em;
}

.subhero-heading {
  color: var(--white);
  margin-bottom: .15em;
}

.subhero-heading.article-heading {
  text-align: center;
  margin-top: .15em;
  margin-bottom: 0;
  font-size: 5em;
}

.subhero-section {
  background-color: var(--shade-2);
  min-height: 20em;
  padding-top: 3em;
  padding-bottom: 6em;
  position: relative;
}

.location__image {
  background-color: var(--white);
  background-image: url('../images/Midgleys_Butcher_Hill_007-crop.jpg');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 2.5em;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.location__image.bramley {
  background-image: url('../images/Midgleys_Bramley_001-crop.jpg');
}

.location__image.ilkley {
  background-image: url('../images/Midgleys_Ilkley_013.jpg');
}

.location__tag {
  background-color: var(--support-3);
  color: var(--shade-1);
  text-align: center;
  letter-spacing: .05em;
  border-radius: 10px;
  padding: .2em .8em;
  font-family: Spot, sans-serif;
  font-size: 1.1em;
  line-height: 1.1;
  position: absolute;
  bottom: -1.5em;
}

.location__tag.yellow-tag {
  background-color: var(--support-1);
}

.locations__link {
  color: var(--shade-1);
  align-items: center;
  margin-top: 1em;
  font-size: .95em;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.locations__link:hover {
  opacity: .75;
  color: var(--shade-1);
}

.arrow-image {
  width: .9em;
  height: .9em;
  margin-left: .4em;
}

.arrow-image.blog {
  width: 2em;
  height: 2em;
}

.home__locations {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 5em;
  margin-left: -3em;
  margin-right: -3em;
  display: grid;
}

.contact__form-flex {
  display: flex;
}

.contact__form-heading {
  flex: 1;
  padding-right: 2em;
}

.form-block {
  flex: 0 50%;
}

.contact__location-box {
  background-color: var(--support-1);
  border-radius: 20px;
  align-items: flex-start;
  margin-bottom: 4em;
  padding-top: 1.4em;
  padding-bottom: 1.4em;
  display: flex;
}

.contact__locations {
  width: 33.3333%;
  color: var(--shade-2);
  text-align: center;
  border-right: 1px solid #ffffff4d;
  flex-direction: column;
  align-items: center;
  padding: 1.8em 1.5em 1em;
  font-size: 1.5em;
  font-weight: 700;
  display: flex;
}

.contact__locations:hover {
  color: var(--support-4);
}

.contact__location-tag {
  z-index: 2;
  background-color: var(--support-4);
  color: var(--white);
  text-align: center;
  letter-spacing: .05em;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: -2em;
  margin-bottom: .5em;
  padding: .2em .5em;
  font-family: Spot, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1;
}

.form-field {
  background-color: #081f1a1a;
  border: 1px #000;
  border-radius: 100px;
  height: 100%;
  padding: 1.5em 1.5em 1.5em 2em;
}

.form-field::placeholder {
  color: var(--shade-1);
  font-size: 1em;
  font-weight: 700;
}

.form-field.message {
  border-radius: 30px;
  min-height: 20vh;
}

.form {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact__location-content {
  flex-direction: column;
  align-items: center;
  margin-top: auto;
  line-height: 1.3;
  display: flex;
}

.menu-owl-slider {
  display: none;
}

.footer__marquee {
  white-space: nowrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.marquee__heading {
  flex: none;
  margin-bottom: 0;
  font-size: 4vw;
  display: inline-block;
}

.marquee__fish {
  flex: none;
  height: 3.5em;
  margin-left: 2em;
  margin-right: 2em;
}

.footer__marquee-wrapper {
  width: 100%;
  height: 10em;
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
}

.order-popup-background {
  z-index: 3;
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.order-popup {
  z-index: 4;
  background-color: var(--white);
  text-align: center;
  border-radius: 2em;
  padding: 4em;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 5px 100vmax #00000080;
}

.order-popup-heading {
  color: var(--shade-1);
  margin-bottom: .1em;
  font-family: Spot, sans-serif;
  font-size: 5.5em;
  line-height: .9;
}

.order-popup-tag {
  background-color: var(--support-3);
  color: var(--shade-1);
  text-align: center;
  letter-spacing: .05em;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: .2em .8em;
  font-family: Spot, sans-serif;
  font-size: 1.1em;
  line-height: 1.1;
}

.order-popup-link {
  color: var(--shade-1);
  align-items: center;
  margin-top: auto;
  font-size: .95em;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.order-popup-link:hover {
  opacity: .75;
  color: var(--shade-1);
}

.order-popup-address {
  margin-bottom: 1em;
}

.order-popup-locations {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4em;
  display: grid;
}

.order-popup-wrapper {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.order-popup-wrapper.show {
  display: flex;
}

.blog__list {
  grid-column-gap: 1.5em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 3em;
  display: grid;
}

.blog__content {
  flex-direction: column;
  flex: 1;
  padding-top: 2em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: .7em;
  display: flex;
}

.blog__image {
  background-image: url('../images/Midgleys_LOGO_Placeholder_Thumbnail.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  align-items: flex-end;
  width: 100%;
  height: 14em;
  display: flex;
}

.blog__item {
  flex-direction: column;
  display: flex;
}

.blog__cta-holder {
  flex: 1;
  align-items: flex-end;
  margin-top: 1em;
  font-size: 1.7em;
  display: flex;
}

.blog__cta {
  align-items: center;
  display: flex;
}

.blog__date-hold {
  padding: .8em;
  display: flex;
}

.blog__tag {
  background-color: var(--support-1);
  border-radius: 10px;
  margin-right: .5em;
  padding: .5em;
  font-size: 1em;
  font-weight: 700;
}

.blog__tag.news-tag {
  background-color: var(--support-3);
  color: var(--white);
  text-transform: uppercase;
}

.history__start {
  margin-bottom: 2em;
  display: flex;
}

.red-text {
  color: var(--support-3);
}

.history__started {
  flex-direction: column;
  flex: 0 60%;
  justify-content: center;
  padding-right: 4em;
  display: flex;
}

.history__started.right {
  text-align: center;
  flex-direction: column;
  flex: 0 45%;
  align-items: stretch;
  padding-right: 2em;
  font-size: 1.5em;
  font-weight: 700;
  display: flex;
}

.history__location {
  background-color: var(--white);
  background-image: url('../images/Midgleys_Butcher_Hill_007-crop.jpg');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #000;
  border-radius: 20px;
  margin-bottom: 1em;
  padding-top: 100%;
  position: relative;
  transform: rotate(3deg);
}

.history__location-tag {
  background-color: var(--support-4);
  color: var(--shade-1);
  text-align: center;
  letter-spacing: .05em;
  border-radius: 10px;
  padding: .2em .8em;
  font-family: Spot, sans-serif;
  font-size: 1em;
  line-height: .9;
  position: absolute;
  inset: -1.5em 2em auto auto;
  transform: rotate(-3deg);
}

.yellow-text {
  color: var(--support-1);
}

.blog__wrapper {
  margin-bottom: 6em;
}

.meet-owner {
  background-color: var(--swatch-6);
  border: 2px solid #000;
  border-radius: 100px;
  align-items: center;
  margin-top: 3em;
  margin-bottom: -8em;
  padding: 1.4em 2.6em 1.4em 2em;
  display: flex;
  box-shadow: 4px 4px 0 2px #000;
}

.profile-photo {
  border-radius: 100px;
  width: 9em;
  height: 9em;
  margin-top: -.5em;
  margin-bottom: -.5em;
  margin-left: -.5em;
}

.meet-owner-text {
  flex-direction: column;
  justify-content: center;
  padding-left: 1.2em;
  padding-right: 1.2em;
  font-size: .95em;
  display: flex;
}

.black-text {
  color: var(--shade-2);
}

.div-block-5 {
  margin-top: 4em;
  display: flex;
}

.history-left {
  flex-direction: column;
  flex: 0 50%;
  align-items: center;
  padding-right: 2em;
  font-size: .8em;
  display: flex;
  transform: rotate(-3deg);
}

.hitory__photo {
  border-radius: 30px;
  width: 100%;
  margin-bottom: 1em;
}

.history-right {
  flex: 1;
  padding-left: 3em;
}

.centre-flex {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.history__locations {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 5em;
  margin-left: -3em;
  margin-right: -3em;
  display: grid;
}

.article-div {
  margin-bottom: 6em;
  display: flex;
}

.article-text {
  flex: 0 70%;
  margin-bottom: 3em;
  padding-right: 3em;
}

.article-text h2 {
  letter-spacing: 0;
  margin-bottom: .5em;
  font-family: Red Hat Display, sans-serif;
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
}

.article-text h3 {
  color: var(--support-3);
  letter-spacing: 0;
  margin-bottom: .5em;
  font-family: Red Hat Display, sans-serif;
  font-size: 2.2em;
  font-weight: 700;
}

.article-text p {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.55;
}

.article-text h4 {
  margin-bottom: .5em;
  font-size: 1.8em;
}

.article__right {
  flex: 1;
}

.article__posted-for {
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  font-weight: 800;
  line-height: 1.3;
  display: flex;
}

.article__fish-graphic {
  width: 4em;
  height: 4em;
  margin-right: 1em;
}

.article__thick-text {
  font-size: 1.2em;
  font-weight: 900;
}

.article__left {
  flex: 0 70%;
}

._404-content {
  flex: 0 50%;
}

.food__chicken {
  z-index: 2;
  background-image: url('../images/golden-chicken-nuggets.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 40px;
  width: 100%;
  padding-top: 100%;
  position: absolute;
  inset: 2% 2% auto auto;
  transform: rotate(-3deg);
}

.footer__lower {
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-size: .9em;
  display: flex;
}

.footer__copyright {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer__link {
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: .5em .8em;
  text-decoration: underline;
  transition: opacity .3s ease-in;
  display: flex;
}

.footer__link:hover {
  opacity: .5;
  color: var(--white);
}

.fcd-credit-heart {
  width: 1.2em;
  height: 1.2em;
  margin-left: .3em;
  margin-right: .3em;
}

.order__split {
  background-color: var(--shade-4);
  width: 1px;
}

.app-store-badge {
  height: 3em;
}

.app__coming-soon {
  z-index: 2;
  opacity: 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: var(--shade-1);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  font-family: Red Hat Display, sans-serif;
  font-size: 1.1em;
  font-weight: 800;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.app__coming-soon:hover {
  opacity: 1;
}

.app__coming-soon.small {
  font-size: .4em;
}

.app__coming-soon.footer {
  color: var(--white);
  background-color: #0c1f1acc;
}

.close-icon {
  width: 1.5em;
}

.hero__h1 {
  margin-bottom: .2em;
  font-size: 7.25em;
  line-height: .9;
}

.hero__h2 {
  color: var(--white);
  font-size: 3.5em;
}

.image-fill {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-fill.opacity-25 {
  opacity: .25;
}

.meet-p {
  margin-top: -.4em;
  margin-bottom: 0;
}

.meet-icon {
  width: 6.5em;
  transform: rotate(-25deg);
}

.blog__link {
  color: var(--shade-1);
  flex-direction: column;
  flex: 1;
  transition: all .25s;
  display: flex;
}

.blog__link:hover {
  color: var(--support-3);
  transform: translate(0, -8px);
}

.cf-hold {
  flex: 0 50%;
}

.menu__li {
  margin-bottom: 0;
}

.menu__ul {
  margin-bottom: 3em;
  padding-left: 0;
}

.menu-slider {
  display: none;
}

.empty-state {
  background-color: var(--support-3);
  color: var(--white);
  border-radius: 10px;
  padding: 1em;
  font-size: 1.2em;
  font-weight: 600;
}

.hero__logo-link {
  margin-bottom: 6em;
}

.no-scroll {
  overflow: hidden;
}

.field-label {
  color: var(--support-3);
}

.form-label {
  color: var(--support-3);
  font-size: 1.1em;
}

.marquee-horizontal {
  z-index: 200;
  background-color: #ebe8e3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.track-horizontal {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-text {
  color: #2e3657;
  letter-spacing: -.005em;
  flex: none;
  margin-right: 8vw;
  font-size: 3.5em;
  font-style: italic;
  font-weight: 500;
  line-height: 1.1;
}

.footer_policy-ul {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 1em;
  padding-left: 0;
  display: flex;
}

.footer_policy-li {
  margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
  body {
    font-size: 1.3vw;
  }

  h2 {
    letter-spacing: .035em;
  }

  .sustainability-img {
    top: -12.2em;
  }
}

@media screen and (min-width: 1440px) {
  body {
    font-size: 18px;
  }

  .sustainability-img {
    top: -15.7em;
  }

  .subhero-heading.article-heading {
    text-align: center;
  }

  .article-text {
    margin-bottom: 2em;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 13px;
  }

  .style__nav {
    flex-flow: wrap;
    width: 100%;
    inset: 0% 0% auto;
  }

  .style__brand {
    flex: 1;
    margin-bottom: 0;
    padding-top: 20px;
  }

  .style__menu {
    background-color: var(--swatch-7);
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .style__body {
    padding-left: 0;
  }

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

  .style__section.top, .style__section.mid, .style__section.before {
    padding-top: 180px;
  }

  .style__header {
    width: auto;
  }

  .master-button.support-btn-1.close-button {
    font-size: 1.4em;
  }

  .menu-button {
    color: var(--shade-1);
    font-size: 38px;
  }

  .menu-button.w--open {
    background-color: var(--swatch-3);
    color: var(--shade-6);
  }

  .style__version {
    flex: 0 100%;
    order: 1;
    padding-bottom: 0;
    padding-left: 0;
    position: absolute;
    inset: 20px auto auto 122px;
  }

  .global-div {
    padding-left: 3.75em;
    padding-right: 3.75em;
  }

  .owl-nav {
    padding-left: .75em;
    padding-right: .75em;
  }

  .owl-prev {
    top: -103px;
    left: 0;
    right: auto;
  }

  .owl-next {
    top: -103px;
    left: 80px;
    right: auto;
  }

  .history-tag {
    top: 3%;
  }

  .home__location-image {
    padding-top: 13em;
  }

  .locations__content {
    padding: 1em .6em;
  }

  .locations__content.reversed {
    justify-content: center;
    margin-left: 1em;
    margin-right: 1em;
  }

  .locations__content.locations-page {
    padding-left: .75em;
    padding-right: .75em;
  }

  .sustainability-img {
    width: 24em;
    height: 24em;
    top: -7.7em;
  }

  .sustainability-img.second-image {
    bottom: -1.5em;
  }

  .footer__app-stores {
    flex-direction: column;
  }

  .app-link {
    width: 15em;
    margin-bottom: 1.4em;
    margin-right: 0;
  }

  .menu__icon-bottom-2, .menu__icon-middle-2, .menu__icon-top-2 {
    width: 100%;
    min-height: 2px;
    max-height: 2px;
    padding: 0;
  }

  .nav__menu-parent {
    cursor: pointer;
    border-radius: 59px;
  }

  .popout-menu-content {
    width: 100%;
  }

  .nav__popout-menu {
    color: #312f43;
    background-color: #0c0a1fe6;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    overflow: scroll;
  }

  .menu__background {
    display: none;
  }

  .home__menu-app {
    justify-content: flex-start;
    margin-top: 0;
    padding-right: 0;
  }

  .menu-cta-appstore {
    justify-content: space-between;
  }

  .menu-app-link {
    width: 15em;
    font-size: 1.2em;
  }

  .subhero-section {
    font-size: .8em;
  }

  .home__locations {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .contact__location-box {
    align-items: center;
  }

  .contact__locations {
    flex: 1;
    align-self: stretch;
    padding-top: 2em;
  }

  .form {
    grid-template-columns: 1fr;
  }

  .form-button-hold {
    margin-left: -8px;
  }

  .history__started.right {
    padding-right: 0;
  }

  .history__locations {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .close-icon {
    width: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 11px;
  }

  h1 {
    font-size: 5em;
  }

  h2 {
    font-size: 3.85em;
  }

  .button-holder._2em-top {
    margin-top: 1.5em;
  }

  .master-button {
    box-shadow: 4px 4px 0 1px #000;
  }

  .master-button.support-btn-1.close-button {
    z-index: 99999;
    padding: 1em;
    font-size: 1.1em;
    display: flex;
    top: 17.5vh;
    right: 2em;
  }

  .master-button.support-btn-1.close-button.desktop {
    display: none;
  }

  .global-section.blue-section {
    font-size: .9em;
    overflow: hidden;
  }

  .global-div {
    padding-left: 3em;
    padding-right: 3em;
  }

  .global-div.orer-relative {
    position: relative;
  }

  .utility__page-wrap {
    align-items: center;
  }

  .utility__icon {
    width: 70px;
  }

  .owl-prev, .owl-next {
    top: -95px;
  }

  .hero-section {
    padding-top: 6em;
  }

  .food-int__links {
    display: none;
  }

  .food-int__link {
    font-size: 4em;
  }

  .food-interaction {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .food-image {
    position: static;
  }

  .food-int__animate {
    display: none;
  }

  .home__about {
    flex-direction: column;
  }

  .about__fish-image {
    flex: 0 auto;
    align-self: stretch;
    margin-top: 3.5em;
    padding-top: 50%;
  }

  .history-tag {
    font-size: 2.2em;
  }

  .locations__heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .locations {
    grid-column-gap: 1em;
    grid-row-gap: 2em;
    flex-flow: column wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .home__location-image.bramley {
    margin-bottom: 2em;
  }

  .home__location-tag.bramley {
    inset: -1.1em 0% auto auto;
  }

  .locations__content {
    padding-left: 0;
    padding-right: 0;
  }

  .locations__content.reversed {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .locations__content.locations-page {
    width: 100%;
    padding-left: .55em;
    padding-right: .55em;
  }

  .locations__content.order-popup-location {
    border-right-style: none;
    padding-left: .6em;
    padding-right: .6em;
  }

  .home__sustainability {
    flex-direction: column;
  }

  .sustainability-img {
    position: static;
  }

  .sustainability-img.second-image {
    min-width: 20em;
    height: 20em;
    margin-left: -7em;
  }

  .home__sustainability-imgs {
    flex: 0 auto;
    align-items: flex-end;
    margin-bottom: 4em;
    display: flex;
  }

  .home__sustainability-text {
    padding-left: 0;
  }

  .footer__content {
    grid-row-gap: 4em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer__addresses {
    margin-left: 0;
  }

  .footer__app-stores {
    flex-direction: row;
  }

  .app-link {
    margin-bottom: 0;
    margin-right: 1em;
  }

  .nav__menu-parent {
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    box-shadow: 4px 4px 0 1px #000;
  }

  .popout-menu-content {
    width: 100%;
  }

  .home__menu-app {
    justify-content: flex-start;
    margin-top: 4em;
  }

  .menu-cta-icon {
    margin-top: -.6em;
  }

  .menu-cta-icon.dl-icon {
    margin-top: 0;
  }

  .home__menu-cta {
    align-items: center;
    margin-left: 0;
    line-height: 1;
  }

  .menu-cta-appstore {
    flex-flow: wrap;
    padding-left: 0;
  }

  .menu-app-link {
    margin-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .subhero-section {
    padding-top: 10em;
  }

  .subhero-section.article-page {
    padding-top: 8em;
  }

  .home__locations {
    grid-column-gap: 1.5em;
    grid-row-gap: 0em;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .contact__form-flex {
    flex-direction: column;
  }

  .contact__form-heading {
    margin-bottom: 2em;
  }

  .form-block {
    flex: 1;
  }

  .contact__location-box {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding-left: 3em;
    padding-right: 3em;
  }

  .contact__locations {
    border-right-style: none;
    align-self: auto;
    width: auto;
    padding-top: .8em;
    padding-bottom: .8em;
  }

  .contact__location-tag {
    margin-top: 0;
  }

  .menu-owl-slider {
    margin-top: 2em;
    margin-bottom: 4em;
    display: block;
  }

  .menu-owl-image {
    background-image: url('../images/chips-image-1.jpg');
    background-position: 50%;
    background-size: cover;
    border-radius: 2em;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: 60%;
  }

  .menu-owl-image._02 {
    background-image: url('../images/golden-chicken-nuggets.jpg');
  }

  .menu-owl-image._03 {
    background-image: url('../images/homemade-juicy-burger.jpg');
  }

  .menu-owl-image._04 {
    background-image: url('../images/prepared-fresh.jpg');
  }

  .menu-owl-image._05 {
    background-image: url('../images/extras.jpg');
  }

  .menu-owl-image._06 {
    background-image: url('../images/little-bits.jpg');
  }

  .marquee__heading {
    font-size: 6vw;
  }

  .order-popup {
    height: 60vh;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding: 6em 2em 2em;
    position: static;
    overflow: auto;
  }

  .order-popup-heading {
    font-size: 4.8em;
  }

  .order-popup-locations {
    grid-column-gap: 1em;
    grid-row-gap: 2em;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
  }

  .blog__list {
    grid-template-columns: 1fr 1fr;
  }

  .blog__tag {
    font-size: 1.4em;
  }

  .history__start {
    flex-direction: column;
    align-items: center;
  }

  .history__started {
    flex: 0 auto;
    margin-bottom: 4em;
    padding-right: 0;
  }

  .history__started.right {
    width: 100%;
    max-width: 450px;
    margin-bottom: 0;
    padding-left: 0;
  }

  .history__location {
    padding-top: 100%;
  }

  .history__location-tag {
    padding-bottom: .5em;
    font-size: 1.3em;
    right: 1em;
  }

  .meet-owner {
    border-radius: 3em;
    flex-wrap: wrap;
    padding-bottom: 2em;
    position: relative;
  }

  .profile-photo {
    margin-top: -.25em;
    margin-bottom: 1em;
    margin-left: -.25em;
  }

  .meet-owner-text {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-5 {
    flex-direction: column;
  }

  .history-left {
    flex: 0 auto;
    max-width: 580px;
    font-size: 1em;
  }

  .history-right {
    margin-top: 2em;
    padding-left: 0;
  }

  .history__locations {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .article-div {
    flex-direction: column-reverse;
  }

  .article__right {
    flex: 0 auto;
    margin-bottom: 3em;
  }

  .article__posted-for {
    justify-content: flex-start;
  }

  .article__left {
    flex: 0 auto;
  }

  .food__chicken {
    position: static;
  }

  .footer__lower {
    flex-direction: column;
  }

  .footer__copyright {
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    margin-bottom: 1em;
  }

  .order__split {
    width: auto;
    height: 1px;
  }

  .order-popup__h3 {
    font-size: 2.5em;
  }

  .close-icon {
    width: 1.5em;
  }

  .hero__h1 {
    font-size: 6.5em;
  }

  .meet-icon {
    width: 5em;
    position: absolute;
    inset: 1.5em 1.5em auto auto;
  }

  .cf-hold {
    flex: 1;
  }

  .menu-slider {
    background-color: #0000;
    height: auto;
    margin-top: .75em;
    margin-bottom: 2em;
    display: block;
  }

  .hero__logo-link {
    margin-bottom: 4em;
  }

  .slide-nav {
    inset: 102% 0% auto;
  }

  .slider__arrow {
    justify-content: center;
    align-items: center;
    width: 2.5em;
    font-size: 2.5em;
    display: flex;
  }

  .icon {
    background-color: #f9b12233;
    background-image: url('../images/arrow-right.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 1000px;
    width: 1.4em;
    height: 1.4em;
    transition: all .3s;
  }

  .icon:hover {
    background-color: #f9b122cc;
  }

  .icon.left {
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 479px) {
  .master-button.support-btn-1.close-button {
    font-size: .95em;
    box-shadow: 3px 3px 0 1px #000;
  }

  .global-section {
    padding-top: 4.75em;
    padding-bottom: 4.75em;
  }

  .global-div {
    padding-left: 3em;
    padding-right: 3em;
  }

  .utility__icon {
    width: 50px;
  }

  .owl-prev, .owl-next {
    top: -90px;
  }

  .history-tag {
    font-size: 2em;
  }

  .locations {
    flex-direction: column;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .home__location-image {
    min-width: 12em;
    min-height: 12em;
    padding-top: 0%;
  }

  .locations__content.reversed {
    padding-top: 0;
    padding-bottom: 1.5em;
  }

  .locations__content.locations-page {
    width: 100%;
    margin-bottom: 1em;
  }

  .locations__content.order-popup-location {
    margin-bottom: 0;
  }

  .sustainability-img {
    min-width: 20em;
    min-height: 20em;
  }

  .sustainability-img.second-image {
    min-width: 16em;
    height: auto;
    margin-top: -6em;
    margin-left: 8em;
  }

  .home__sustainability-imgs {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__content {
    grid-template-columns: 1fr;
  }

  .footer__logo {
    max-width: 25em;
  }

  .nav__menu-parent {
    display: flex;
  }

  .nav__popout-menu {
    top: 0;
    left: 0;
    right: 0;
  }

  .menu__icon-wrapper-2 {
    width: 20px;
  }

  .menu-cta-icon {
    flex: none;
  }

  .home__menu-cta {
    font-size: 2.8em;
    line-height: .95;
  }

  .menu-cta-appstore {
    flex-direction: column;
    align-items: flex-start;
  }

  .menu-app-link {
    margin-right: 0;
  }

  .subhero-section.article-page {
    padding-top: 10em;
  }

  .home__locations {
    flex-direction: column;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .contact__form-flex {
    flex-flow: column;
  }

  .contact__form-heading {
    padding-right: 0;
  }

  .order-popup {
    border-radius: 1.5em;
    padding-top: 3em;
  }

  .order-popup-heading {
    margin-bottom: .2em;
    font-size: 4em;
  }

  .order-popup-locations {
    flex-direction: column;
    max-width: 350px;
    margin-top: 2.5em;
    margin-left: auto;
    margin-right: auto;
  }

  .blog__list {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .blog__date-hold {
    flex-flow: column wrap;
    align-items: center;
  }

  .blog__tag {
    margin-bottom: 1em;
  }

  .history__location {
    min-width: 12em;
    min-height: 12em;
    padding-top: 0%;
  }

  .meet-owner {
    border-radius: 30px;
    flex-direction: column;
    padding-left: 1.8em;
    padding-right: 1.8em;
  }

  .meet-owner-text {
    padding: 1.2em 0;
  }

  .history__locations {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer__copyright {
    flex-wrap: wrap;
  }

  .order-popup__h3 {
    text-transform: uppercase;
    font-family: Red Hat Display, sans-serif;
    font-size: 1.5em;
    font-weight: 900;
  }

  .hero__h1 {
    font-size: 5em;
  }
}

#w-node-bbdf87b1-59a2-5d1b-acb8-a5502d05d027-2d05d024, #w-node-bbdf87b1-59a2-5d1b-acb8-a5502d05d030-2d05d024, #w-node-bbdf87b1-59a2-5d1b-acb8-a5502d05d041-2d05d024, #w-node-_9744218e-6fbd-a64c-a616-936569418562-7c26ecab, #w-node-_04a0c99c-d429-041e-8893-9e0218f861e9-7c26ecab, #w-node-a411eec9-b8e8-b0a5-b587-6dfc4ac08446-2e1b72fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#name.w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fb9-2e1b72fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Email.w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fba-2e1b72fe, #Phone.w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fbb-2e1b72fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Message.w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fbc-2e1b72fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fbd-2e1b72fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fbe-2e1b72fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_5023ce59-fd2e-caa7-8cc4-d09511b4ad74-a61b72f5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #name.w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fb9-2e1b72fe, #Email.w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fba-2e1b72fe, #Message.w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fbc-2e1b72fe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fbd-2e1b72fe {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_0b4b0b40-56a0-7f9f-c403-5416303e4fbe-2e1b72fe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-aa7f07d0-2583-8529-b5c0-f159daf39302-3a1b72f3 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: center;
  }

  #w-node-f5dc8d12-934a-a90c-87bd-3b392252d7dc-3a1b72f3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bbdf87b1-59a2-5d1b-acb8-a5502d05d041-2d05d024 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5023ce59-fd2e-caa7-8cc4-d09511b4ad74-a61b72f5 {
    grid-row: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bbdf87b1-59a2-5d1b-acb8-a5502d05d041-2d05d024 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Spot';
  src: url('../fonts/Spot-Normal.eot') format('embedded-opentype'), url('../fonts/Spot-Normal.woff') format('woff'), url('../fonts/Spot-Normal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spot';
  src: url('../fonts/Spot-Italic.eot') format('embedded-opentype'), url('../fonts/Spot-Italic.woff') format('woff'), url('../fonts/Spot-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Boldenvan';
  src: url('../fonts/BoldenVan.woff') format('woff'), url('../fonts/BoldenVan.ttf') format('truetype'), url('../fonts/BoldenVan.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}