:root {
  --white: white;
  --brown: #9b2121;
  --yellow: #fbee3d;
  --black: black;
  --gold: #f4d12b;
  --red: red;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

a {
  text-decoration: none;
}

.body {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  display: flex;
  overflow: visible;
}

.image {
  width: 30%;
  max-width: none;
}

.heading {
  color: #fff;
}

.hero-sec {
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin-bottom: auto;
  position: relative;
  overflow: hidden;
}

.hero-img {
  object-fit: fill;
  object-position: 50% 100%;
  width: 100%;
  max-width: none;
  position: static;
  bottom: auto;
}

.sign-img {
  z-index: 3000;
  width: 200px;
  position: fixed;
  inset: 20px auto auto 0%;
}

.hero-bottom-img {
  z-index: 1200;
  width: 100%;
  max-width: none;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-h1 {
  z-index: 1100;
  color: var(--white);
  text-align: left;
  text-shadow: 4px 4px 6px #000000cf;
  width: 1920px;
  font-family: Ultra, sans-serif;
  font-size: 8rem;
  font-weight: 400;
  line-height: 1;
  display: block;
  position: absolute;
  inset: auto 0% 32%;
}

.slider-sec {
  background-color: var(--brown);
  background-image: url('../images/sottinis-building1-red.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: auto;
  display: flex;
  overflow: hidden;
}

.hero-h1-forget {
  z-index: 1600;
  color: var(--yellow);
  text-align: left;
  text-shadow: 4px 4px 6px #000000cf;
  width: 1920px;
  margin-bottom: 40px;
  font-family: Ultra, sans-serif;
  font-size: 8rem;
  font-weight: 400;
  line-height: 1;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-trigger-div {
  height: 250px;
  position: absolute;
  inset: auto 0% 0%;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 50%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.menu-items-div {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.menu-side-buttons-div {
  background-color: #0000;
}

.salad-img {
  width: 100%;
  height: 100%;
}

.menu-black-box-div {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.sottinis-logo-img {
  width: 200px;
  max-width: none;
}

.menu-yellow-box-div {
  background-color: var(--gold);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.menu-side-buttons2-div {
  background-color: #0000;
}

.footer {
  background-color: var(--gold);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.cold-sub-div {
  display: none;
}

.menu-h1-anim {
  color: var(--white);
  text-shadow: 4px 4px 10px #000000b5;
  padding-bottom: 20px;
  padding-left: 20px;
  font-family: Ultra, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  position: absolute;
  inset: auto auto 0% 0%;
}

.left-arrow, .right-arrow {
  display: none;
}

.slide-nav {
  display: block;
}

.slider1-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.slider {
  z-index: 1506;
  height: 100%;
}

.slide1-black-box {
  background-color: var(--black);
  display: block;
  position: absolute;
  inset: 0%;
}

.slide1-yellow-box {
  background-color: var(--gold);
  display: block;
  position: absolute;
  inset: 0%;
}

.slider-h1 {
  color: var(--brown);
  text-shadow: -5px -5px 9px var(--white), 7px 7px 5px var(--white);
  margin-left: 20px;
  font-family: Ultra, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.slide {
  overflow: hidden;
}

.slider2-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.slide-2 {
  overflow: hidden;
}

.cold-sub-img {
  width: 100%;
  height: 100%;
}

.slider2-h1 {
  color: var(--white);
  text-shadow: 4px 4px 6px #000c;
  margin-left: 20px;
  font-family: Ultra, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: auto auto 0% 0%;
}

.slide2-yellow-box {
  background-color: var(--gold);
  display: block;
  position: absolute;
  inset: 0%;
}

.slide2-black-box {
  background-color: var(--black);
  display: block;
  position: absolute;
  inset: 0%;
}

.menu-sec {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  display: flex;
  position: relative;
  overflow: visible;
}

.menu-button {
  width: 100%;
  max-width: none;
  padding-top: 20px;
  padding-bottom: 20px;
}

.link-block {
  z-index: 1504;
  width: 50%;
  position: relative;
}

.design1-img {
  z-index: 1503;
  width: 30%;
  position: absolute;
  inset: 0% 5% auto auto;
}

.design2-img {
  z-index: 1502;
  width: 15%;
  position: absolute;
  inset: auto auto 0% 13%;
}

.slide1 {
  overflow: hidden;
}

.slider2-div2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.slider2-h1-2 {
  color: var(--white);
  text-shadow: 4px 4px 6px #000c;
  margin-left: 20px;
  font-family: Ultra, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.soup-sec {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  display: flex;
}

.soup-div {
  width: 75%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.soup-img {
  width: 100%;
  max-width: none;
}

.soup-type-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.soup-h1 {
  color: var(--brown);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ultra, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
}

.soup-price-div {
  background-color: var(--yellow);
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.slide2 {
  overflow: hidden;
}

.slider3-div2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.slider3-h1-2 {
  color: var(--white);
  text-shadow: 4px 4px 6px #000c;
  margin-left: 20px;
  font-family: Ultra, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hot-subs-img, .cold-subs-img {
  width: 100%;
  height: 100%;
}

.loc-sec {
  width: 100%;
  margin-top: 40px;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.loc-div {
  z-index: 200;
  background-color: var(--brown);
  border-top-right-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.map-img {
  z-index: 2000;
  width: 100%;
  max-width: none;
  margin-top: 0;
  position: relative;
}

.map-div-link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.loc-h1 {
  color: var(--white);
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Ultra, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

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

.loc-h3 {
  color: var(--white);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.map-h1 {
  z-index: 1999;
  color: var(--brown);
  margin-left: 10px;
  font-family: Ultra, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
}

.image-2 {
  position: absolute;
  inset: -18% auto auto 0%;
}

.buziko-link {
  color: var(--black);
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

.menu-button-2 {
  z-index: 2000;
  background-color: var(--brown);
  border-bottom-left-radius: 30px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.menu-button-2.w--open {
  z-index: 3500;
  background-color: var(--brown);
}

.icon-3 {
  color: var(--gold);
}

.nav-menu {
  z-index: 3400;
  background-color: var(--yellow);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 63px;
  padding-bottom: 0;
  display: flex;
}

.nav-link {
  z-index: 2001;
  color: var(--brown);
  text-align: center;
  margin-top: 0;
  font-family: Ultra, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.navbar {
  z-index: 10000;
  width: 100%;
}

.about-sec {
  width: 100%;
  margin-top: 41px;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.delivery-div {
  z-index: 100;
  background-color: var(--yellow);
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-us-div {
  position: relative;
}

.about-h1 {
  color: var(--brown);
  margin-left: 10px;
  margin-right: 10px;
  font-family: Ultra, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.about-p {
  margin-left: 10px;
  margin-right: 40%;
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  line-height: 1.3;
}

.image-3 {
  width: 100%;
  max-width: none;
  padding: 10px 20px 0;
}

.about-img {
  width: 35%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.delivery-h1 {
  color: var(--brown);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Ultra, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
}

.doordash-img {
  width: 70%;
  margin-bottom: 0;
}

.doordash-bag-img {
  z-index: 240;
  width: 60%;
  margin-top: 20%;
  position: absolute;
}

.doordash-sub-img {
  width: 55%;
  margin-bottom: 40%;
  position: absolute;
}

.delivery-trigger {
  z-index: 4000;
  width: 100%;
  height: 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.body-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-page-sec {
  width: 100%;
  margin-bottom: auto;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 26px;
}

.menu-header-h1 {
  color: var(--brown);
  text-align: center;
  margin-top: 68px;
  font-family: Ultra, sans-serif;
  font-size: 6rem;
  font-weight: 400;
  line-height: 1;
}

.sign-menu-img {
  z-index: 3000;
  width: 100px;
  position: fixed;
  inset: 20px auto auto 0%;
}

.menu-left-div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 3.5fr 1fr 1fr;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}

.menu-h1 {
  background-color: var(--yellow);
  color: var(--brown);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-top: 43px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-family: Ultra, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.menu-h2-sizes {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.div-block {
  width: 100%;
}

.menu-item {
  color: var(--brown);
  margin: 10px 10px 0;
  font-family: Ultra, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.menu-price {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Ultra, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.menu-disc {
  margin-left: 10px;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.menu-item-disc {
  background-color: var(--yellow);
  color: var(--brown);
  text-align: center;
  margin: 10px 10px 0;
  padding: 10px;
  font-family: Ultra, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.menu-item-salad {
  color: var(--black);
  text-align: center;
  margin: 10px 10px 0;
  font-family: Ultra, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.image-4 {
  width: 100%;
  margin-top: 97px;
}

.body-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.catering-sec {
  background-image: linear-gradient(to bottom, var(--white) 2%, var(--gold) 31%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin-bottom: 32px;
  display: flex;
  position: relative;
}

.cater-truck-img {
  width: 60%;
  max-width: none;
  margin-top: 25px;
  margin-bottom: 56px;
}

.catering-food-img {
  width: 35%;
  position: absolute;
  inset: auto auto auto 0%;
}

.image-5 {
  width: 35%;
  position: absolute;
  inset: auto 0% auto auto;
}

.text-block {
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
}

.link-block-2 {
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.order-button {
  background-color: var(--gold);
  color: #0000;
  border-radius: 100px;
  width: 30%;
  margin-left: auto;
  margin-right: 10%;
}

.order-h1 {
  color: var(--brown);
  text-align: center;
  margin-top: 10px;
  margin-left: auto;
  padding: 10px;
  font-family: Ultra, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-2 {
  color: var(--white);
  text-shadow: 5px 5px 6px #000;
}

.grid-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 90%;
  margin-top: 74px;
  margin-bottom: 2px;
}

.reviews-left-div {
  object-fit: fill;
  background-color: #0000;
  background-image: url('../images/latin-blue-paint.svg');
  background-position: 5%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border-radius: 15px;
  margin-top: 61px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.reviews-img-div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.review-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  margin-top: 0;
  display: flex;
  overflow: visible;
}

.image-9 {
  width: 50%;
  max-width: none;
  position: absolute;
  inset: auto 0% 0% -15%;
}

.slider-2 {
  background-color: #0000;
  height: auto;
}

.reviews-right-div {
  background-color: #fff;
  border-radius: 15px;
  width: auto;
  height: auto;
}

.review1-img {
  width: 70%;
  margin-top: 10px;
  margin-bottom: 31px;
}

.reviews-h1 {
  color: #fff;
  text-align: center;
  width: 60%;
  margin: auto 20px auto auto;
  padding-top: 35px;
  padding-bottom: 35px;
  font-family: Changa One, Impact, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 50px;
}

.link-block-3 {
  width: 70px;
  height: 70px;
  margin-bottom: 14px;
  margin-right: 14px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-10 {
  width: 100%;
  height: 100%;
}

.review-div {
  width: 100%;
}

.image-11 {
  max-width: none;
}

.review-h1 {
  color: var(--brown);
  text-align: center;
  font-family: Ultra, sans-serif;
  font-weight: 400;
}

.grid-6-copy, .grid-6-other {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 3.5fr 1fr 1fr;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}

.menu-price-copy {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Ultra, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

@media screen and (min-width: 1920px) {
  .hero-bottom-img {
    width: 100%;
    max-width: none;
  }

  .hero-h1 {
    font-size: 10rem;
    bottom: 35%;
  }

  .slider-sec {
    background-color: var(--brown);
  }

  .hero-h1-forget {
    font-size: 10rem;
    bottom: 0%;
  }

  .menu-items-div {
    background-image: none;
    width: 100%;
    height: auto;
    position: relative;
  }

  .menu-side-buttons-div {
    background-color: var(--brown);
  }

  .salad-img {
    width: 100%;
    max-width: none;
  }

  .menu-black-box-div {
    background-color: var(--black);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .sottinis-logo-img {
    width: 600px;
    max-width: none;
  }

  .menu-yellow-box-div {
    background-color: var(--yellow);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .menu-side-buttons2-div {
    background-color: var(--brown);
  }

  .menu-h1-anim {
    font-size: 7rem;
    left: 35%;
  }

  .cold-sub-img, .hot-subs-img, .cold-subs-img {
    width: 100%;
    max-width: none;
  }

  .loc-h1 {
    font-size: 3rem;
  }

  .loc-h3 {
    font-size: 2rem;
  }

  .map-h1 {
    font-size: 4rem;
  }

  .delivery-div {
    height: 60vh;
  }

  .about-h1 {
    font-size: 5rem;
  }

  .about-p {
    margin-right: 40%;
    font-size: 2rem;
  }

  .about-img {
    width: 35%;
    max-width: none;
  }

  .catering-sec {
    height: auto;
  }

  .catering-food-img {
    inset: auto auto auto 0%;
  }

  .grid-7 {
    width: 1200px;
  }

  .image-9 {
    width: 48%;
    left: -2%;
  }

  .reviews-right-div {
    width: 100%;
  }

  .reviews-h1 {
    margin-left: 228px;
  }

  .link-block-3 {
    width: 150px;
    height: 150px;
    margin-bottom: 33px;
    margin-right: 37px;
  }
}

@media screen and (max-width: 991px) {
  .hero-h1 {
    font-size: 5rem;
    bottom: 33%;
  }

  .hero-h1-forget {
    margin-bottom: 20px;
    font-size: 5rem;
    bottom: 0%;
  }

  .slide1-black-box, .slide1-yellow-box {
    display: block;
  }

  .slider-h1, .slider2-h1 {
    font-size: 3rem;
  }

  .slide2-yellow-box, .slide2-black-box {
    display: block;
  }

  .slider2-h1-2 {
    font-size: 3rem;
  }

  .soup-h1 {
    font-size: 2rem;
  }

  .slider3-h1-2 {
    font-size: 3rem;
  }

  .loc-h1 {
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .loc-h3 {
    margin-top: 10px;
    font-size: 1rem;
  }

  .map-h1 {
    font-size: 1.5rem;
  }

  .image-2 {
    width: 200px;
    max-width: none;
  }

  .buziko-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .menu-button-2 {
    z-index: 3500;
  }

  .menu-button-2.w--open {
    z-index: 40000;
  }

  .nav-menu {
    padding-top: 48px;
  }

  .navbar {
    z-index: 10000;
  }

  .delivery-div {
    height: 500px;
  }

  .about-us-div {
    margin-top: 44px;
  }

  .menu-header-h1 {
    font-size: 4rem;
  }

  .order-button {
    width: 50%;
  }

  .image-9 {
    width: 300px;
  }

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

  .link-block-3 {
    width: 70px;
    height: 70px;
  }
}

@media screen and (max-width: 767px) {
  .hero-h1, .hero-h1-forget {
    font-size: 4rem;
  }

  .grid {
    width: 80%;
  }

  .menu-side-buttons-div {
    display: none;
  }

  .link-block {
    width: 75%;
  }

  .design1-img {
    top: 2%;
    right: 0%;
  }

  .design2-img {
    bottom: 0%;
    left: 2%;
  }

  .soup-div {
    margin-bottom: 20px;
  }

  .loc-div {
    border-top-right-radius: 0;
  }

  .loc-h1 {
    font-size: 35px;
  }

  .loc-h3 {
    font-size: 25px;
  }

  .map-h1 {
    font-size: 2.2rem;
  }

  .buziko-link {
    margin-bottom: 20px;
  }

  .nav-link {
    font-size: 3rem;
  }

  .delivery-div {
    height: 360px;
  }

  .about-h1 {
    font-size: 3rem;
  }

  .about-p {
    margin-bottom: 39px;
    font-size: 1rem;
  }

  .menu-header-h1 {
    margin-top: 85px;
    font-size: 3rem;
  }

  .order-button {
    width: 40%;
    margin-right: 15%;
  }

  .order-h1 {
    font-size: 25px;
  }

  .grid-7 {
    width: auto;
    margin-top: 39px;
  }

  .reviews-left-div {
    background-position: 0%;
    background-size: cover;
    margin-top: 28px;
  }

  .review-section {
    width: auto;
  }

  .image-9 {
    width: 150px;
  }

  .review1-img {
    width: 80%;
  }

  .reviews-h1 {
    width: 56%;
    height: 200px;
    margin-left: 124px;
    padding-top: 24px;
    padding-bottom: 22px;
    padding-right: 0;
    font-size: 3rem;
    line-height: 3rem;
  }

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

  .image-11 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .image {
    width: 60%;
  }

  .sign-img {
    width: 30%;
  }

  .hero-h1 {
    width: 450px;
    font-size: 3rem;
    bottom: 29%;
  }

  .hero-h1-forget {
    width: 500px;
    margin-bottom: 10px;
    font-size: 3rem;
    bottom: 0%;
  }

  .slider-h1 {
    font-size: 2rem;
  }

  .design1-img {
    width: 30%;
  }

  .design2-img {
    width: 20%;
  }

  .slider2-h1-2 {
    font-size: 2rem;
  }

  .soup-sec {
    overflow: hidden;
  }

  .soup-div {
    margin-bottom: 20px;
  }

  .slider3-h1-2 {
    font-size: 2rem;
  }

  .loc-h1 {
    font-size: 25px;
  }

  .loc-h3 {
    margin-bottom: 109px;
    margin-left: auto;
    font-size: 20px;
  }

  .map-h1 {
    font-size: 1.5rem;
  }

  .buziko-link {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .menu-button-2 {
    background-color: var(--brown);
  }

  .nav-link {
    font-size: 2rem;
  }

  .delivery-div {
    width: 100%;
    height: 250px;
    margin-left: 0;
    margin-right: 0;
  }

  .about-us-div {
    margin-top: 19px;
  }

  .about-h1 {
    width: 50%;
    margin-bottom: 6px;
  }

  .about-p {
    margin-bottom: 17px;
    margin-right: 40%;
    font-size: 12px;
  }

  .delivery-h1 {
    font-size: 2rem;
  }

  .menu-header-h1 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 3rem;
  }

  .sign-menu-img {
    width: 25%;
    font-size: 12px;
    position: fixed;
  }

  .grid-6 {
    grid-template-columns: 2.25fr 1fr 1fr;
  }

  .menu-h1 {
    font-size: 21px;
  }

  .menu-h2-sizes {
    font-size: 15px;
  }

  .div-block {
    width: auto;
  }

  .menu-item {
    font-size: 15px;
  }

  .menu-price {
    margin-right: 5px;
    font-size: 15px;
  }

  .menu-disc, .menu-item-disc {
    font-size: 15px;
  }

  .image-4 {
    max-width: none;
    margin-top: 31px;
  }

  .catering-sec {
    height: auto;
    margin-bottom: 1px;
  }

  .cater-truck-img {
    margin-bottom: 10px;
  }

  .catering-food-img {
    width: auto;
    max-width: none;
    height: 120px;
    inset: auto auto 14% 0%;
  }

  .image-5 {
    width: auto;
    max-width: none;
    height: 120px;
    inset: auto 0% 14% auto;
  }

  .order-button {
    width: 48%;
    margin-right: 21%;
  }

  .order-h1 {
    font-size: 17px;
  }

  .grid-7 {
    width: 90%;
    margin-top: 30px;
  }

  .reviews-left-div {
    margin-top: -1px;
    margin-left: -7px;
  }

  .image-9 {
    width: 130px;
    left: -3%;
  }

  .reviews-right-div {
    height: auto;
  }

  .review1-img {
    width: 100%;
  }

  .reviews-h1 {
    width: 50%;
    height: auto;
    margin-left: 119px;
    padding-top: 47px;
    padding-bottom: 48px;
    font-size: 30px;
    line-height: 30px;
  }

  .link-block-3 {
    inset: auto auto 0%;
  }

  .grid-6-copy, .grid-6-other {
    grid-template-columns: 2.25fr 1fr 1fr;
  }

  .menu-price-copy {
    text-align: right;
    margin-right: 10px;
    font-size: 15px;
  }
}

#w-node-_9329920a-0ec9-d70c-4370-d06dcbc47123-f69c6144 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-b40cc19d-414e-92ac-10f8-107b9f7a2ff5-f69c6144 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43229c31-2701-88c1-850c-d4f41acb77a2-f69c6144, #w-node-_6c893725-5ad6-75f8-bbcb-87efabeae87a-f69c6144, #w-node-_7faf15a1-bf7b-fdc6-fae7-c8ce44e600e5-f69c6144, #w-node-f9cd1cde-05c6-f8f5-4a12-438bcf4a36b1-f69c6144, #w-node-e26e7dc9-44a6-38da-0745-7fc623d576d9-23d576d7, #w-node-e26e7dc9-44a6-38da-0745-7fc623d576dc-23d576d7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e26e7dc9-44a6-38da-0745-7fc623d576ea-23d576d7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e144e32-935f-6e9b-b7c4-4a9d636137dd-4d520ebd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9d3d2987-d4ef-3eda-fb26-d9896db9f501-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_222c00d7-15b6-c3aa-2fc1-fc8556041417-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6f3138fa-0d92-4692-12a5-994a09e57cc5-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af60e04a-9740-f0af-2ee5-41526e39edc5-4d520ebd, #w-node-fa601c2e-2773-8d06-dd7d-b3e24a334499-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_2e05142e-2491-5375-a181-2121d8289b04-4d520ebd, #w-node-_12d6934d-268f-6580-6e1c-a9918d2a2e57-4d520ebd, #w-node-_65545eaa-3cdd-4913-2839-80367c92df8e-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a45f56d9-97b6-7f53-c21c-bed8604a9da2-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d82bbc2e-433a-5868-bb73-e736752f9e23-4d520ebd, #w-node-befccedf-3d81-4f5d-795c-f753e4472502-4d520ebd, #w-node-afa5c8c3-e5ca-5612-b976-4aa1681672e0-4d520ebd, #w-node-_9ec19411-ff7b-7c4c-aa41-0b568cc19660-4d520ebd, #w-node-feb512fd-9019-2c62-c8eb-508f323be2b9-4d520ebd, #w-node-_6d278078-6767-673c-3405-cb6afe47ebc8-4d520ebd, #w-node-fbc25aa0-20fd-73bb-21f0-b985ce15dd94-4d520ebd, #w-node-_8d792894-d00a-b121-b04a-96169520c908-4d520ebd, #w-node-d03d4850-2ae0-6516-d4b3-e99e3304e8b0-4d520ebd, #w-node-_9f6383b5-951c-b280-0d95-45c94fdd8e3f-4d520ebd, #w-node-_982935e3-6ba4-7804-3684-16c4b14e13c6-4d520ebd, #w-node-_02209b3e-9910-8d13-bef6-29fd20eb8f80-4d520ebd, #w-node-bd216f18-bc7f-1896-dd78-be49803d3f35-4d520ebd, #w-node-da94288a-c61a-b69d-a817-3906f09ef2e6-4d520ebd, #w-node-_5de4f199-b6dc-ac20-a9d3-c08e9aecf497-4d520ebd, #w-node-_285ea5e4-d34c-8584-6e69-671aaffc1f39-4d520ebd, #w-node-_61a655c9-081c-e119-527f-f99e38b5e2f8-4d520ebd, #w-node-_9df496a2-9b56-d468-b341-eabf9b6f19f0-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5f580e7-130a-ea54-296f-816120f0cc80-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_501a933d-1d4b-88c4-59f4-898ea14e8d19-4d520ebd, #w-node-_2198ee05-dd3a-7af0-5cc7-580a039830cf-4d520ebd, #w-node-_52d7e148-0086-2784-77f0-935a7725ad1f-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad12ad50-3c4d-59c5-d0f7-b084b6be1f39-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-eed81e6b-e3a1-8e7d-a084-a9fad176e5f5-4d520ebd, #w-node-_274571b4-ee09-9fd9-b211-ba402c5e048c-4d520ebd, #w-node-a2d8decb-3257-9366-ff26-0ca09b689f15-4d520ebd, #w-node-_264709ed-abf7-306b-19be-096ae229da62-4d520ebd, #w-node-_7c2e2c07-c017-87eb-248b-3b3b47bec8b2-4d520ebd, #w-node-_9e2e8c62-d797-7615-a3b2-a3fe7b021d0e-4d520ebd, #w-node-b828e455-4fc5-3dfc-49b6-10b9ee46f9cc-4d520ebd, #w-node-_1b4ed7d8-03e3-c89d-2818-848ea55e2b1d-4d520ebd, #w-node-ee506b11-aef8-9c26-6720-a736d635d3a8-4d520ebd, #w-node-ee80bab4-48e9-b89a-5380-764534473c0f-4d520ebd, #w-node-_72bd6b46-3486-3cdb-975a-50e11df080e3-4d520ebd, #w-node-ac065416-9dba-7d28-03ef-837c439d3c31-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_821bc67f-3a91-88d0-7f58-33a4c29e3596-4d520ebd, #w-node-_58f8a4a6-70c4-1c63-3585-a2ac7dbf2772-4d520ebd, #w-node-db1b3c13-dee0-fdd7-38e2-3d8f87427810-4d520ebd, #w-node-a48ab699-ea1f-5d2f-0abb-3431ede676e6-4d520ebd, #w-node-e78d6421-b6ef-6acf-eb92-51f1eb334f32-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4871483d-1986-fe48-b835-16ac2fd2ae78-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eb31b0f-ec98-7b37-6364-a7b2f3e17011-4d520ebd, #w-node-_0b73ca15-0641-b662-2e07-e713a53f2679-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-b58d021c-4733-ae01-0c0e-bde2dc90420f-4d520ebd, #w-node-_66cc5877-9f02-0ca3-5ec5-3b537da3c782-4d520ebd, #w-node-c6b573a5-398d-dad1-28f7-274fd754c537-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00a1c926-e078-49ed-6359-4df50d6b816f-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_84d26322-8b21-eabe-8eab-715eefd29af3-4d520ebd, #w-node-_7d513cc7-256f-14fa-b285-b1d4fcb64ec0-4d520ebd, #w-node-_20c6a4a1-9198-59b0-c1e4-5c41f3b7fbe8-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70d9d96d-0abd-95fc-5d94-b3fa0abb784d-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_81e04c0f-722e-020d-e741-5815de63f025-4d520ebd, #w-node-_944478d2-0aa9-3dc1-ae59-de3c4fae77e6-4d520ebd, #w-node-c8d76afa-9f72-a722-e496-282370276f39-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50c65658-6348-4532-20ce-012488ef178f-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9c4ad889-d320-d17e-8b0b-de2e6064eb2e-4d520ebd, #w-node-_37c269e8-6efe-c986-47ef-81e7ea122c73-4d520ebd, #w-node-_634d2a43-7bd2-9427-2282-e79537781636-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_865d4f8e-e162-5d14-4275-c139a8c8c669-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_54a776e0-d9e0-415c-7f63-e0b5a69faaf1-4d520ebd, #w-node-d84348e7-afea-77c0-67e4-e233c52a907d-4d520ebd, #w-node-_56684d0d-e4c0-8b89-8101-e6dd4c9a43aa-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c99b191e-9e5f-1fb4-e502-3e1672f95a7b-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_171ea459-f66c-05de-463c-68b2f81e3f82-4d520ebd, #w-node-cfb0148f-072c-6056-1c05-df75eef5eebe-4d520ebd, #w-node-_7a722840-49e6-3f7f-efce-8e937f5f54c1-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a21a19d0-37bb-f057-b082-2dedc4996c4e-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_40274aeb-dd48-b37d-7d3f-a92cf67f5813-4d520ebd, #w-node-_40833484-75f3-8083-2f92-3dcedadca1f2-4d520ebd, #w-node-_122d61c5-60ae-f592-482e-8ad665fbb71d-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dc4a4340-8c2b-9720-d25b-b48025846a4e-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e9188f0c-77ff-2dc9-1ac1-2dba8bd20132-4d520ebd, #w-node-bd8ddb18-8628-ac54-bc20-b83a756bb2b6-4d520ebd, #w-node-_58fa0c33-41fe-fe0e-1c7e-cd4622a9212e-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d98bf7c-d7d6-216e-d71c-30189369d6a4-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-df8ecbc8-efbf-3e92-4059-a79bcc8922ea-4d520ebd, #w-node-_0e15441c-5e0a-3463-f20a-c3d3aee31edf-4d520ebd, #w-node-_310c5ece-fdac-237f-6b20-ff8567406d90-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_89d40f37-5fd1-4e54-3af1-3d973aeafcd5-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_80f75fb3-e9d8-88f2-65cd-0372a4f075e2-4d520ebd, #w-node-_39de7877-f415-04bd-208e-22d43c8c3c91-4d520ebd, #w-node-afe261ae-7b7f-28d8-f354-e63088c21a29-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8695427e-dd70-6a03-3007-10a9a71be38b-4d520ebd, #w-node-_1c7e48cd-07c5-e568-94e5-663a4e6d04d5-4d520ebd, #w-node-_972246a4-ede4-9d04-a2b1-21a1a8008b40-4d520ebd, #w-node-_482b0045-d2a3-f72a-3e03-7788d8ceef9a-4d520ebd, #w-node-f0caf746-dd3c-cccc-352a-79cebc47bd1d-4d520ebd, #w-node-_63f5030d-4dd8-c50c-bbd3-7265a9a53b69-4d520ebd, #w-node-_948c499d-9f8a-de7f-d700-0c56fd811ae8-4d520ebd, #w-node-_1a246324-78ee-30b9-d3cd-6eb03e5b685f-4d520ebd, #w-node-_12d727d2-d7b3-64a5-da88-d4d4cc26ca70-4d520ebd, #w-node-_826b242f-546e-b006-3509-936e3bff1c37-4d520ebd, #w-node-_06afbdc6-1c67-1247-53ea-e891eba0ab16-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0bb75bf1-f32e-1b1e-1a1f-dfa91db726b1-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bb75bf1-f32e-1b1e-1a1f-dfa91db726b3-4d520ebd, #w-node-_1c708f4b-ab7f-8f7a-32f5-23efe08ca78d-4d520ebd, #w-node-d72c0147-d392-621e-e414-34e55e082fda-4d520ebd, #w-node-a707aa6a-36d4-19d8-2c4f-d17a236111ae-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f7dbb8cb-eefa-5a14-8d82-0c1f0be48768-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb4fbaf4-d6ca-4e74-dad9-906c0fd70438-4d520ebd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_740b8c04-1248-59ec-3a8f-6bed684fd65c-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c86bb869-2c7b-7b75-4dc9-8b958defc9d0-4d520ebd, #w-node-aa82841e-6c7f-f8c1-b1bc-cfe21005abcc-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c33d3f9a-1d94-c6d2-519f-666b8475a375-4d520ebd, #w-node-ff072bb2-c5b9-8c73-1fa0-2dfe3fd2bfe1-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ad09ef4c-f061-3e2d-bda8-bf4c4f9551f2-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eee4bf68-7f2b-d848-c7e1-cc536df9617a-4d520ebd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fd1ec7d7-c3fa-f0b5-95be-a19c9583a0df-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e88efebf-bfaf-196f-903a-96c7a460ba93-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e37b62b9-ddf9-5756-0a2c-4872e7056acb-4d520ebd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ccdba524-5f74-20f0-df92-39408b77d1cd-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fbabcfef-8421-00fd-3b03-96f6003f7743-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43763ca3-3fac-24d0-a9eb-97d4593ae73c-4d520ebd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_48b5916c-001a-5f00-98c2-28c0e64b7f0d-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0ae187f1-6bee-92df-e424-a6d4ef759cab-4d520ebd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be887f5b-ef59-ce78-808b-5b000dafa55b-4d520ebd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_124b733e-71e5-7785-781a-704ea6de05ca-4d520ebd, #w-node-_6a6bfc69-3d25-bb52-81bd-9f48a4567ff6-4d520ebd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (min-width: 1920px) {
  #w-node-_7faf15a1-bf7b-fdc6-fae7-c8ce44e600e5-f69c6144 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-b40cc19d-414e-92ac-10f8-107b9f7a2ff5-f69c6144, #w-node-_43229c31-2701-88c1-850c-d4f41acb77a2-f69c6144 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6c893725-5ad6-75f8-bbcb-87efabeae87a-f69c6144, #w-node-f9cd1cde-05c6-f8f5-4a12-438bcf4a36b1-f69c6144 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_9d3d2987-d4ef-3eda-fb26-d9896db9f501-4d520ebd, #w-node-_0bb75bf1-f32e-1b1e-1a1f-dfa91db726b1-4d520ebd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9329920a-0ec9-d70c-4370-d06dcbc47123-f69c6144 {
    grid-area: span 3 / span 4 / span 3 / span 4;
  }

  #w-node-_7faf15a1-bf7b-fdc6-fae7-c8ce44e600e5-f69c6144 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-e26e7dc9-44a6-38da-0745-7fc623d576d9-23d576d7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e26e7dc9-44a6-38da-0745-7fc623d576dc-23d576d7 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b40cc19d-414e-92ac-10f8-107b9f7a2ff5-f69c6144 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_482b0045-d2a3-f72a-3e03-7788d8ceef9a-4d520ebd {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f7dbb8cb-eefa-5a14-8d82-0c1f0be48768-4d520ebd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_740b8c04-1248-59ec-3a8f-6bed684fd65c-4d520ebd {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c86bb869-2c7b-7b75-4dc9-8b958defc9d0-4d520ebd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-aa82841e-6c7f-f8c1-b1bc-cfe21005abcc-4d520ebd {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-c33d3f9a-1d94-c6d2-519f-666b8475a375-4d520ebd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6a6bfc69-3d25-bb52-81bd-9f48a4567ff6-4d520ebd {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}