@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Bold.woff') format("woff"), url('../fonts/Zodiak-Extrabold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Black.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Thin.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-VariableItalic.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --gray-900: #414141;
  --gray-800: #686868;
  --yellow-100: #fff6e9;
  --yellow-900: #865c49;
  --green-1: #749e10;
  --gray-300: #eff1f5;
  --white: white;
  --gray-100: #f7f8fa;
  --gray-500: #dbdee6;
  --gray-600: #b1bac8;
  --red-600: #f97664;
  --gray-700: #6a758a;
  --teal-100: #ecf8fc;
  --teal-800: #1c8ab9;
  --red-100: #feefec;
  --yellow-green: #8ab428;
  --black-80: #2e2e2e;
  --dim-grey: #666;
  --yellow-600: #d38817;
  --red-900: #823328;
  --red-800: #bf4c3d;
  --red-300: #ffbfb6;
  --yellow-800: #bf8854;
  --yellow-300: #ffd89d;
  --teal-900: #066188;
  --teal-600: #5ec6e8;
  --teal-300: #ace6f9;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.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;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--gray-900);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 72px;
}

h2 {
  color: #060720;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

h3 {
  color: var(--gray-900);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
}

h4 {
  color: var(--gray-900);
  letter-spacing: -.03em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
}

h5 {
  color: var(--gray-900);
  letter-spacing: -.03em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

h6 {
  color: var(--gray-900);
  letter-spacing: -.03em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

p {
  color: var(--gray-800);
  letter-spacing: -.02em;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 32px;
}

a {
  text-decoration: none;
}

ul {
  color: var(--gray-900);
  margin-top: 24px;
  margin-bottom: 32px;
  padding-left: 40px;
  line-height: 32px;
}

blockquote {
  background-color: var(--yellow-100);
  color: var(--yellow-900);
  letter-spacing: -.01em;
  border-left: 5px solid #ffc773;
  margin-top: 32px;
  margin-bottom: 22px;
  padding: 32px 20px;
  font-size: 16px;
  line-height: 32px;
}

.container {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.title-wrap-centre {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.title-wrap-centre.margin-bottom-64 {
  margin-bottom: 0;
}

.hero-title {
  color: var(--green-1);
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 65px;
}

.body-normal-300 {
  color: var(--green-1);
  letter-spacing: .05em;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.button {
  border: 1px solid var(--gray-300);
  background-color: var(--white);
  color: var(--gray-900);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 42px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.button:hover {
  background-color: var(--gray-100);
}

.button.margin-top-32 {
  border-radius: 14px;
  margin-top: 32px;
}

.body-small {
  color: #5b5675;
  text-align: center;
  letter-spacing: -.01em;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.title {
  color: var(--green-1);
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.button-filled {
  background-color: var(--gray-900);
  color: var(--white);
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-weight: 400;
  transition: background-color .5s;
  display: flex;
}

.button-filled:hover {
  background-color: var(--gray-800);
}

.button-filled.margin-top-32 {
  border-radius: 12px;
  margin-top: 32px;
}

.template-detail-block {
  border: 1px solid var(--gray-300);
  background-color: #fff;
  padding: 24px;
}

.container-large {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1060px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: relative;
}

.container-large.landscape {
  flex-flow: column;
}

.navigation-container {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
  display: flex;
}

.navigation {
  border-bottom: 1px solid var(--gray-500);
  background-color: #fff;
  align-items: center;
  height: 130px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.brand {
  align-items: center;
  width: auto;
  height: 100%;
  margin-right: 20px;
  display: flex;
}

.brand.w--current {
  margin-right: 20px;
}

.menu-link {
  color: var(--gray-800);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: 1px solid #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: all .5s;
  display: flex;
  bottom: -1px;
}

.menu-link:hover {
  border-bottom: 1px dotted var(--green-1);
  color: var(--gray-900);
}

.menu-link.w--current {
  border-top: 1px none var(--green-1);
  border-bottom: 2px dotted var(--green-1);
  color: var(--gray-800);
  border-radius: 0;
  bottom: -1px;
}

.nav-menu {
  color: #000;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: static;
}

.hero-section {
  width: auto;
  margin: 40px auto 0;
  padding: 0 0%;
}

.hero-image-section {
  border-radius: 20px;
  width: 980px;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.hero-image {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  margin: 10px auto;
}

.overview-section {
  perspective: none;
  padding: 40px 5%;
  transform: none;
}

.tabs-menu {
  border-bottom: 1px none var(--gray-600);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.tab-link {
  border-bottom: 1px solid var(--gray-600);
  background-color: var(--white);
  color: var(--gray-800);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 100%;
  max-width: 180px;
  padding: 16px 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  transition: border-color .5s;
}

.tab-link:hover {
  border-bottom-color: var(--gray-600);
}

.tab-link.w--current {
  border-bottom-color: var(--green-1);
  background-color: var(--white);
  color: var(--gray-900);
}

.tab-content {
  perspective: 392px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  transform: none;
}

.text-icon {
  color: var(--red-600);
  margin-bottom: 12px;
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

.small-heading {
  color: var(--gray-900);
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.story-grid {
  grid-column-gap: 20px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) 1fr;
  width: 800px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.instagram-section {
  padding-top: 48px;
  padding-bottom: 48px;
}

.instagram-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1440px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.instagram-wrap {
  height: 500px;
  position: relative;
  overflow: hidden;
}

.instagram-image {
  filter: blur();
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.detail-card {
  border: 1px solid var(--gray-500);
  perspective: none;
  transform-style: preserve-3d;
  border-radius: 14px;
  min-height: 100px;
  max-height: none;
  padding: 20px 40px;
  transition: opacity .2s, border-color .5s;
  transform: rotateX(0)rotateY(.0001deg)rotateZ(0);
}

.detail-card:hover {
  border-color: var(--gray-500);
}

.year-text {
  color: var(--green-1);
  margin-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 48px;
}

.body-small-300 {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.body-small-300:hover {
  color: var(--gray-800);
}

.tab-content-small {
  max-width: 800px;
}

.founder-name {
  color: var(--gray-900);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 500;
  line-height: 24px;
}

.team-grid {
  grid-column-gap: 18px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 48px;
}

.prod-card {
  border: 1px solid var(--gray-500);
  border-radius: 19px;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.team-image-block {
  border-radius: 17px;
  width: auto;
  height: 300px;
  margin-bottom: 24px;
  overflow: hidden;
}

.team-person {
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.prod-name-tab {
  color: #707070;
  flex: none;
  align-self: center;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.content-section {
  padding: 100px 15% 122px;
}

.content-card {
  border: 1px solid var(--gray-300);
  padding: 20px 72px;
}

.content-card.hide {
  display: none;
}

.content-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.7fr;
  align-items: center;
}

.content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.content-wrapper.margin-left-24 {
  margin-left: 24px;
}

.image-wrapper {
  width: 100%;
  display: flex;
}

.content-image-01 {
  width: 50%;
  margin-right: 20px;
  position: relative;
  bottom: -50px;
}

.content-image-02 {
  width: 50%;
  margin-left: 20px;
  position: relative;
  top: -50px;
}

.statistic-section {
  background-color: var(--gray-100);
  padding-left: 3%;
  padding-right: 3%;
}

.statistic-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.hero-cover {
  background-color: var(--white);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: 0% 0% auto;
}

.footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #000;
  border-top: 1px solid #d8d8d8;
  border-radius: 0;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 0%;
  display: block;
  position: static;
  inset: auto 0% 0%;
}

.container-small {
  background-image: url('../images/head-leafs-4.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 728px;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.footer-content-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.social-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
  margin-bottom: 20px;
}

.social-link {
  background-color: var(--gray-800);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 2px;
  transition: background-color .5s;
  display: flex;
}

.social-link:hover {
  background-color: var(--gray-900);
}

.footer-link-span {
  color: var(--gray-900);
  font-weight: 600;
  text-decoration: none;
}

.statistic-card {
  text-align: center;
  padding: 32px;
}

.booking-section {
  background-color: var(--gray-800);
  padding: 64px 5%;
}

.heading {
  color: #fff;
}

.feature-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-card {
  border: 1px solid var(--gray-300);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.card-icon {
  margin-bottom: 32px;
}

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

.hero-content-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 980px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

._404-section {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  min-height: 620px;
  max-height: 100%;
  padding: 140px 3%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 440px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._404-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 520px;
  display: flex;
}

.password-section {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  min-height: 620px;
  max-height: 100%;
  padding: 140px 3% 220px;
  display: flex;
}

.reservation-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-field {
  border: 1px solid var(--gray-700);
  color: #fff;
  background-color: #0000;
  height: 48px;
  margin-bottom: 0;
  padding-left: 18px;
  padding-right: 18px;
  transition: border-color .5s;
}

.text-field:hover {
  border-color: var(--gray-500);
}

.text-field:active, .text-field:focus {
  border-color: var(--gray-100);
}

.text-field::placeholder {
  color: var(--gray-600);
}

.button-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.reservation-button {
  border: 1px solid var(--gray-300);
  background-color: var(--white);
  color: var(--gray-900);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  min-height: 48px;
  padding: 12px 42px;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.reservation-button:hover {
  background-color: var(--gray-100);
}

.team-social {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 24px;
}

.team-social-link {
  opacity: .6;
}

.content-wrapper-small {
  text-align: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.about-image-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  margin-top: 72px;
  margin-bottom: 96px;
}

.about-image-wrapper {
  border-radius: 0;
  height: 300px;
}

.about-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-grid {
  grid-column-gap: 110px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.div-block-2 {
  background-color: var(--red-600);
  width: 40px;
  height: 2px;
  margin-top: 14px;
}

.lunch-menu-grid {
  grid-template-columns: 1fr;
  margin-top: 40px;
}

.sub-heading {
  color: var(--gray-900);
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.sub-heading.margin-bottom-24 {
  margin-bottom: 24px;
}

.menu-title-wrapper {
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.menu-item {
  border-bottom: 1px solid #eff1f5;
  padding-bottom: 12px;
}

.menu-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 100px;
}

.menu-button-wrapper {
  margin-top: 40px;
  display: flex;
}

.menu-section {
  border-top: 1px solid #eff1f5;
  padding: 100px 5% 122px;
}

.blog-article-section {
  border-top: 1px solid #eff1f5;
  padding: 100px 3% 122px;
}

.blog-post-grid {
  grid-column-gap: 70px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  align-items: center;
}

.blog-image-wrapper {
  height: 304px;
  overflow: hidden;
}

.blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-content {
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.blog-title {
  margin-bottom: 24px;
}

.collection-item {
  margin-bottom: 72px;
}

.password-field {
  border: 1px solid var(--gray-300);
  color: #fff;
  background-color: #0000;
  height: 48px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 18px;
  padding-right: 18px;
}

.password-field::placeholder {
  color: #fff;
}

.utility-image {
  width: 124px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.utility-title {
  margin-bottom: 16px;
}

.blog-button {
  border: 1px solid var(--gray-300);
  background-color: var(--white);
  color: var(--gray-900);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  margin-top: 32px;
  padding: 12px 42px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.blog-button:hover {
  background-color: var(--gray-100);
}

.contact-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: auto;
}

.form-block {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.text-area {
  border: 1px solid var(--gray-700);
  color: #fff;
  background-color: #0000;
  min-height: 120px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-left: 18px;
  padding-right: 18px;
  transition: border-color .5s;
}

.text-area:hover {
  border-color: var(--gray-500);
}

.text-area:active, .text-area:focus {
  border-color: var(--gray-100);
}

.text-area::placeholder {
  color: var(--gray-600);
}

.contact-detail-section {
  max-width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
}

.success-message {
  background-color: var(--teal-100);
  color: var(--teal-800);
}

.error-message {
  background-color: var(--red-100);
  color: var(--red-600);
  padding: 20px;
}

.about-content-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
}

.paragraph-large {
  color: var(--gray-900);
  font-size: 16px;
}

.team-section {
  padding: 64px 3%;
}

.ingredients-section {
  padding-bottom: 96px;
  padding-left: 3%;
  padding-right: 3%;
}

.menu-image-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  margin-bottom: 96px;
}

.ingredient-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 42px;
}

.ingredient-grid-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

.ingredient-wrapper {
  align-items: center;
  display: flex;
}

.dot-point {
  background-color: var(--red-600);
  border-radius: 10px;
  width: 6px;
  height: 6px;
  margin-right: 16px;
}

.ingredient-card {
  border: 1px solid var(--gray-300);
  padding: 32px;
  transition: border-color .5s;
}

.ingredient-card:hover {
  border-color: var(--gray-500);
}

.blog-header {
  padding-top: 72px;
}

.blog-header-wrapper {
  height: 400px;
  position: relative;
  overflow: hidden;
}

.blog-content-section {
  padding: 72px 3%;
}

.blog-content-wrapper {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.blog-article-wrapper {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

.date-text {
  color: var(--gray-800);
  letter-spacing: -.01em;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 24px;
}

.article {
  margin-top: 24px;
}

.author-card {
  border: 1px solid var(--gray-300);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 72px;
  padding: 32px;
  display: flex;
}

.avatar-large {
  border-radius: 100px;
  width: 96px;
  min-width: 96px;
  height: 96px;
  min-height: 96px;
  margin-right: 24px;
  overflow: hidden;
}

.avatar-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-image-thumbnail {
  border-radius: 20px;
  width: 150px;
  height: 100%;
  overflow: hidden;
}

.collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-card {
  border: 1px solid var(--gray-300);
  padding: 24px;
  text-decoration: none;
  transition: border-color .5s;
}

.blog-card:hover {
  border-color: var(--gray-500);
}

.image-cover {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.blog-detail {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 32px;
  padding-left: 180px;
  display: flex;
}

.blog-article-title {
  color: var(--gray-900);
  margin-top: 16px;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.blog-section {
  padding: 80px 3% 56px;
}

.products-header {
  color: var(--white);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 40px 3% 0;
  display: block;
}

.tradition-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.our-story-title {
  color: var(--gray-900);
  margin-bottom: 16px;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.tab-link {
  border-bottom-color: #eff1f5;
}

.special-grid {
  grid-column-gap: 22px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  margin-top: 20px;
}

.special-image-block {
  height: 300px;
}

.special-section {
  padding: 80px 3% 100px;
}

.menu-grid-section {
  padding: 96px 3%;
}

.signature {
  margin-top: 24px;
}

.container-extra-small {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.content-grid-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--gray-500);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr;
  align-items: center;
  padding: 20px 70px;
}

.food-image-01 {
  border-radius: 15px;
  width: 100%;
  position: relative;
  bottom: -50px;
}

.food-image-02 {
  border-radius: 15px;
  width: 100%;
  position: relative;
  top: -50px;
}

.content-grid-section-reversed {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--gray-500);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.3fr;
  align-items: center;
  padding: 20px 70px;
}

.contact-detail-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
}

.contact-detail-card {
  border-top: 1px solid var(--gray-300);
  border-right: 1px solid var(--gray-300);
  text-align: center;
  padding: 80px 32px;
}

.form-title-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image {
  object-fit: fill;
  flex: 0 auto;
  align-self: auto;
  width: auto;
  max-height: 100%;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  overflow: visible;
}

.paragraph-2 {
  text-transform: none;
  font-family: Montserrat, sans-serif;
  line-height: 24px;
}

.image-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.section-2 {
  float: none;
  clear: none;
  justify-content: center;
  align-items: stretch;
  height: auto;
  margin: 20px auto 40px;
  display: block;
  overflow: visible;
}

.button-white {
  border: 1px solid var(--gray-600);
  border-radius: 14px;
  margin-top: 15px;
  padding: 14px 20px;
  text-decoration: none;
  transition: background-color .5s, border-color .5s;
}

.button-white:hover {
  border-color: var(--green-1);
  background-color: var(--gray-100);
}

.body-small-300-butt {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  white-space: normal;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Abel, sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: block;
}

.body-small-300-butt:hover {
  color: var(--yellow-green);
  font-weight: 400;
}

.tab-content-1000 {
  max-width: 1000px;
}

.heading-2 {
  font-family: Montserrat, sans-serif;
}

.tabs-menu-2 {
  mix-blend-mode: normal;
  justify-content: center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.products-button {
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.products-button.w--current {
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.products-button.chiligarden, .products-button.chiligarden.w--current {
  padding-left: 10px;
  padding-right: 10px;
}

.products-button.all-season {
  padding-left: 0;
  padding-right: 0;
}

.products-button.pvc, .products-button.pvc.w--current {
  width: 60%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.heading-70 {
  z-index: 2;
  color: #5e5e5e;
  letter-spacing: 0;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 200;
  position: relative;
}

.heading-70.foods {
  color: #8ab428;
  margin-bottom: 0;
}

.heading-70.green {
  color: #749e10;
  font-weight: 600;
}

.products-main-tab {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px none var(--gray-500);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
}

.image-5 {
  width: auto;
  height: 400px;
  display: block;
}

.product-title {
  color: var(--black-80);
  letter-spacing: 0;
  width: auto;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
  line-height: 42px;
}

.product-sub {
  letter-spacing: 0;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-8 {
  align-self: center;
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
}

.body-small-300-left {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: none;
  width: auto;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
}

.body-small-300-left:hover {
  color: var(--gray-800);
}

.text-block-12 {
  background-color: var(--green-1);
  color: #fff;
  letter-spacing: 2px;
  -webkit-text-stroke-color: transparent;
  border-radius: 10px;
  width: 110px;
  height: 20px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  display: inline;
}

.text-block-12.advantages {
  background-color: var(--yellow-green);
  text-align: center;
  flex: 1;
  align-self: flex-start;
  width: 150px;
}

._310g {
  background-color: var(--yellow-green);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: flex;
}

.head-description {
  color: #5e5e5e;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: block;
}

.head-description.info {
  color: #eb7900;
  width: 80%;
  margin-top: 20px;
  font-style: normal;
  font-weight: 500;
}

.head-description.none {
  display: none;
}

.head-description.width {
  width: 60%;
  font-size: 18px;
}

.text-block-15 {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
}

.image-6 {
  opacity: .2;
  margin-bottom: -31px;
}

.weight-phone {
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: flex;
}

.div-block-13 {
  padding-top: 10px;
}

.div-block-14 {
  width: auto;
  padding-top: 10px;
}

.soy-sub {
  z-index: 2;
  color: var(--dim-grey);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Satisfy, sans-serif;
  font-size: 30px;
  display: block;
  position: relative;
}

.paragraph-5 {
  color: #858585;
  font-family: Dancing Script, sans-serif;
  font-size: 36px;
}

.green-subtitle {
  z-index: 1;
  color: var(--green-1);
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: normal;
  width: 450px;
  margin: 10px auto 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: block;
  position: relative;
}

.tabs {
  margin-bottom: 40px;
}

.body {
  letter-spacing: 0;
}

.container-6 {
  justify-content: center;
  display: block;
}

.tabs-content {
  margin-top: 0;
  padding-top: 0;
}

.tabs-content._700 {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.products-phone {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px none var(--gray-500);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: auto;
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
}

.product-section-phone {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  display: none;
}

.all-natural-ingredients-mobile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 150px;
  margin: 20px auto -170px 1245px;
  display: flex;
  position: relative;
  top: auto;
}

.dropdown-foods {
  height: 100%;
}

.div-block-16 {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
}

.from-our-gardens {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: auto;
  margin: 0 auto -200px 827px;
  display: flex;
  position: sticky;
  top: auto;
}

._510g {
  background-color: var(--yellow-green);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: flex;
}

.weight-two {
  justify-content: flex-start;
  align-items: stretch;
  width: 80%;
  margin-top: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
}

.products-button-20 {
  background-color: #0000;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.products-button-20.w--current {
  background-color: #0000;
}

.mustards-sub {
  color: var(--dim-grey);
  padding-bottom: 20px;
  font-family: Dancing Script, sans-serif;
  font-size: 38px;
  line-height: 38px;
  display: block;
}

.text-block-19 {
  color: var(--white);
  text-align: center;
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
}

.our-foods-title {
  color: var(--white);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 200;
  line-height: 44px;
}

.sfm-sub {
  color: var(--dim-grey);
  width: 450px;
  margin: 10px auto 20px;
  padding-bottom: 0;
  font-family: Dancing Script, sans-serif;
  font-size: 38px;
  line-height: 38px;
  display: block;
}

.sfm-description {
  color: var(--dim-grey);
  width: 700px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.tabs-menu-wrap {
  mix-blend-mode: normal;
  justify-content: center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 40px;
  display: flex;
}

.hero-section-home {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 3%;
}

.hero-title-home {
  color: var(--green-1);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 65px;
}

.container-foods {
  z-index: 5;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000006b;
  border-radius: 20px;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.div-block-17 {
  background-image: url('../images/Deroni-Foods-Background.jpg');
  background-position: 50%;
  background-size: 1000px;
  border-radius: 30px;
  width: 1000px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.foods-buttons {
  background-image: url('../images/1_Gourmet-Pasta-Sauces.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  height: 110px;
  display: flex;
}

.foods-buttons.classic-pasta {
  background-image: url('../images/Pasta-Classic-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.kulinaria-pasta {
  background-image: url('../images/Pasta-Kulinaria-B.webp');
  background-repeat: no-repeat;
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.mustards {
  background-image: url('../images/Mustards-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.for-meat {
  background-image: url('../images/Sauces-For-Meat-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.bbq-grill {
  background-image: url('../images/Sauces-BBQ-Grill-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.pizza-sauces {
  background-image: url('../images/Sauce-Pizza-B.webp');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.classic-sauces {
  background-image: url('../images/Sauces-Classic-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.soy-sauces {
  background-image: url('../images/Soy-Sauce-B.webp');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons.universal-saucs {
  background-image: url('../images/Universal-Sauces-B.webp');
  border-radius: 20px;
  justify-content: flex-start;
  display: none;
}

.foods-buttons.gourmet-pasta {
  cursor: auto;
  background-image: url('../images/Pasta-Gourmet-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  display: none;
}

.foods-buttons._11 {
  background-image: url('../images/Spicy-Sauces-B.jpg');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons._12 {
  background-image: url('../images/Ajvars-Kulinaria-2.webp');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons._13 {
  background-image: url('../images/Velika-B.jpg');
  border-radius: 20px;
}

.foods-buttons._14 {
  background-image: url('../images/Zacusca-B.jpg');
  border-radius: 20px;
}

.foods-buttons.spicy-hot {
  background-image: url('../images/Hot-Sauces-B.webp');
}

.foods-buttons.green-ketchup {
  background-image: url('../images/Green-Ketchup-B.webp');
  border-radius: 20px;
}

.foods-buttons._18 {
  background-image: url('../images/Ketchup-B.webp');
  border-radius: 20px;
}

.foods-buttons._19 {
  background-image: url('../images/Coarsely-Ground-B.webp');
}

.foods-buttons._20 {
  background-image: url('../images/Finely-Ground-B.jpg');
}

.foods-buttons.deroniko {
  background-image: url('../images/Deroniko-Button.jpg');
}

.foods-buttons.ajvar-kulinaria {
  background-image: url('../images/Ajvars-Kulinaria-2.webp');
}

.foods-buttons.ajvar-deroni {
  background-image: url('../images/Ajvar-Deroni-B.webp');
  display: none;
}

.foods-buttons.ajvar-velika {
  background-image: url('../images/Ajvar-Velika-2.jpg');
  display: none;
}

.foods-buttons.zacusca-deroni {
  background-image: url('../images/Zacusca-Deroni-B.webp');
  display: none;
}

.foods-buttons.zacusca-velika {
  background-image: url('../images/Zacusca-Deroni-B.webp');
}

.foods-buttons.velika {
  background-image: url('../images/Velika-Lutenitsa-B.webp');
}

.foods-buttons.balsamico {
  background-image: url('../images/Blasamico-B.webp');
  display: none;
}

.foods-buttons.finely-ground {
  background-image: url('../images/Finely-Ground-2.webp');
}

.foods-buttons.spicy-sauces {
  background-image: url('../images/Spicy-Sauces-B.webp');
}

.foods-buttons.all-season {
  background-image: url('../images/All-Season-Sauces-B.webp');
}

.foods-buttons.sauces {
  background-image: url('../images/Sauces-B.webp');
}

.foods-buttons.soy-teriyaki {
  background-image: url('../images/Soy-Teriyaki-B.webp');
}

.foods-buttons.mayo {
  background-image: url('../images/Mayo-B.webp');
}

.foods-buttons.bruschetta {
  background-image: url('../images/Bruschetta-B.webp');
}

.foods-buttons.horeca {
  background-image: url('../images/HoReCa-B.webp');
}

.section-4 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.foods-buttons-text {
  color: #fff;
  text-align: left;
  margin-left: 20px;
  margin-right: 60px;
  font-family: Abel, sans-serif;
  font-size: 20px;
  line-height: 22px;
}

.foods-buttons-text.dark {
  color: var(--black-80);
  font-size: 18px;
}

.grid-3 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.foods-sub {
  color: var(--yellow-green);
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Caveat, sans-serif;
  font-size: 36px;
  line-height: 36px;
  display: block;
}

.div-block-18 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-20 {
  color: var(--green-1);
  text-align: center;
  font-family: Montserrat, sans-serif;
}

.foods-quick-links {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

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

.foods-selection {
  width: auto;
  margin: 20px auto 0;
  display: flex;
  position: relative;
}

.fooddropwrapper {
  clear: none;
  width: 800px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: static;
  overflow: visible;
}

.fooddroptrigger {
  background-color: var(--yellow-green);
  cursor: pointer;
  border-radius: 10px;
  width: 250px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  overflow: visible;
}

.dropfoodscontent {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  margin: 10px auto 0;
  display: grid;
  position: static;
  overflow: hidden;
}

.fooddropblock {
  color: #fff;
  background-color: #f0f0f0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  padding: 14px;
  display: flex;
}

.fooddroptriggertext {
  color: #fff;
  text-align: center;
  font-family: Abel, sans-serif;
  font-size: 18px;
}

.fooddroptext {
  color: var(--dim-grey);
  text-align: center;
  font-family: Abel, sans-serif;
  font-size: 16px;
}

.soy-sauce-products {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.bbq-grill-title {
  color: #5e5e5e;
  width: 650px;
  margin: 0 auto 20px;
  font-family: Montserrat, sans-serif;
  font-size: 64px;
  font-weight: 200;
}

.bbq-grill-descrption {
  color: var(--dim-grey);
  width: auto;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.bbq-grill-sub {
  color: var(--dim-grey);
  width: 450px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Dancing Script, sans-serif;
  font-size: 38px;
  line-height: 42px;
  display: block;
}

.products-tab {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  display: block;
}

.pizza-description {
  color: var(--dim-grey);
  width: 600px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.universal-sub {
  color: var(--dim-grey);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Dancing Script, sans-serif;
  font-size: 38px;
  display: block;
}

.tabs-content-uni {
  width: 650px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.tabs-menu-uni {
  mix-blend-mode: normal;
  justify-content: center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.uni-sauces {
  height: 400px;
  display: block;
}

.products-button-uni {
  background-color: #0000;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.products-button-uni.w--current {
  background-color: #0000;
  padding-left: 10px;
  padding-right: 10px;
}

.image-uni {
  width: auto;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.products-tab-narrow {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  width: 750px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 60px;
  display: block;
}

.products-tab-narrow.zacusca {
  width: 600px;
}

.image-soy {
  width: auto;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-pasta {
  width: auto;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-bottle {
  width: auto;
  height: 250px;
}

.image-mustards {
  width: auto;
  height: 220px;
}

.image-velika {
  width: auto;
  height: 250px;
}

.image-jars-small {
  width: auto;
  height: 220px;
}

.green-ketchups-sub {
  color: var(--dim-grey);
  width: 650px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Dancing Script, sans-serif;
  font-size: 38px;
  line-height: 42px;
  display: block;
}

.image-zacusca {
  width: auto;
  height: 400px;
  display: block;
}

.product-sub-mobile {
  letter-spacing: 0;
  width: auto;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.image-mobile {
  display: block;
}

.product-title-mobile {
  letter-spacing: 0;
  width: auto;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
  line-height: 42px;
}

.prod-adv-mobile {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.prod-adv-mobile:hover {
  color: var(--gray-800);
}

.leafs {
  opacity: .2;
  margin-bottom: -31px;
  margin-left: auto;
  margin-right: auto;
}

.hero-title-homepage {
  color: var(--green-1);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 60px;
}

.subtitle-homepage {
  color: #858585;
  margin-bottom: 0;
  font-family: Amatic SC, sans-serif;
  font-size: 38px;
  line-height: 42px;
}

.section-8 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-block-21 {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 34px;
}

.gardens-overlay-text {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: -150px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 22px;
  overflow: visible;
}

.gardens-overlay-text:hover {
  color: var(--gray-800);
}

.title-section-home {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 30px 3% 0;
  display: flex;
}

.body-small-300-copy {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.body-small-300-copy:hover {
  color: var(--gray-800);
}

.home-text-box-1 {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  width: 660px;
  margin: 10px auto 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.home-text-box-1:hover {
  color: var(--gray-800);
}

.home-text-box-2 {
  color: var(--yellow-green);
  text-align: center;
  width: auto;
  margin: 10px auto;
  font-family: Caveat, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 34px;
}

.container-9 {
  border-radius: 0;
  width: 500px;
}

.section-9 {
  margin-bottom: 40px;
  display: block;
}

.hero-title-homepage-copy {
  color: var(--green-1);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 60px;
}

.about-title {
  color: var(--green-1);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
}

.about-text-box {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  width: auto;
  margin: 10px auto 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.about-text-box:hover {
  color: var(--gray-800);
}

.about-small-title {
  color: var(--green-1);
  text-align: center;
  width: auto;
  margin: 10px auto 20px;
  font-family: Caveat, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.about-container {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.container-10 {
  width: 800px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.section-11, .statistics {
  margin-top: 20px;
}

.statistics-number {
  color: var(--yellow-green);
  font-family: Oswald, sans-serif;
  font-size: 34px;
  line-height: 38px;
}

.statistics-text {
  color: var(--yellow-600);
  font-family: Montserrat, sans-serif;
}

.image-14 {
  border-radius: 20px;
}

.cell {
  padding-bottom: 0;
  padding-left: 0;
}

.about-container-l1 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 980px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.home-container-l2 {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 10px;
  position: relative;
}

.home-l2-text {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  width: 850px;
  margin: 10px auto 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.home-l2-text:hover {
  color: var(--gray-800);
}

.home-container-l1 {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  position: relative;
}

.about-l1-section {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  margin-top: 0;
  padding-top: 40px;
}

.about-garden-image {
  border-radius: 20px;
  width: 980px;
  height: auto;
  margin: 20px auto;
  position: relative;
  overflow: hidden;
}

.gardens-l1-section {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
}

.gardens-l1-container {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 1000px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.deroni-title {
  color: var(--green-1);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
}

.gardens-subtitle {
  color: var(--dim-grey);
  text-align: center;
  letter-spacing: -.01em;
  width: auto;
  margin: 10px auto 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.gardens-subtitle:hover {
  color: var(--dim-grey);
}

.gardens-titles-2 {
  color: var(--green-1);
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}

.gardens-text-box {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  width: 100%;
  margin: 10px auto 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.gardens-text-box:hover {
  color: var(--gray-800);
}

.gardens-small-title {
  color: var(--green-1);
  text-align: left;
  text-transform: none;
  width: auto;
  margin: 20px auto 10px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.gardens-accent {
  color: var(--green-1);
  text-align: left;
  letter-spacing: -.01em;
  width: auto;
  margin: 10px auto 30px;
  padding-left: 0;
  padding-right: 0;
  font-family: Dancing Script, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.gardens-accent:hover {
  color: var(--gray-800);
}

.gardens-end {
  color: var(--green-1);
  width: 800px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: Dancing Script, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.ketchups-title {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 200;
}

.ketchups-title.foods {
  margin-bottom: 0;
}

.ketchups-subtitle {
  color: var(--green-1);
  width: 650px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Caveat, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 32px;
  display: block;
}

.production-text-l1 {
  color: var(--dim-grey);
  text-align: center;
  letter-spacing: -.01em;
  width: 800px;
  margin: 10px auto 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.production-text-l1:hover {
  color: var(--green-1);
}

.production-text-box {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  width: auto;
  margin: 0 auto 30px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.production-text-box:hover {
  color: var(--gray-800);
}

.production-small-title {
  color: var(--green-1);
  text-align: left;
  text-transform: none;
  width: auto;
  margin: 10px auto 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.production-titles-2 {
  color: var(--green-1);
  text-align: center;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 40px;
}

.image-15 {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.production-title {
  color: var(--green-1);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 100;
}

.gardens-title {
  color: var(--green-1);
  text-align: center;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 200;
  line-height: 80px;
}

.about-l1-section-copy {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  margin-top: 0;
  padding-top: 30px;
}

.bold-text, .bold-text-2 {
  color: var(--yellow-green);
}

.gardens-l2-section {
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
}

.production-l2-section {
  margin-top: 0;
  padding-top: 10px;
}

.factory-caption {
  color: var(--dim-grey);
  text-align: right;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.section-13 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.factories-image {
  border-radius: 20px;
  width: 980px;
  height: auto;
  margin: 20px auto 0;
  position: relative;
  overflow: hidden;
}

.contacts-l1-section {
  width: auto;
  margin: 0 auto;
  padding: 60px 0% 40px;
}

.cell-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cell-3, .cell-4 {
  align-items: center;
  display: flex;
}

.cell-5 {
  display: flex;
}

.contact-title {
  color: var(--green-1);
  text-align: center;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 24px;
}

.contact-info {
  color: var(--dim-grey);
  text-align: center;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 24px;
}

.success-message-2 {
  color: #1c8ab9;
  background-color: #ecf8fc;
}

.text-area-2 {
  border: 1px solid var(--gray-600);
  color: var(--dim-grey);
  background-color: #0000;
  border-radius: 10px;
  min-height: 120px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-left: 18px;
  padding-right: 18px;
  transition: border-color .5s;
}

.text-area-2:hover {
  border-color: #dbdee6;
}

.text-area-2:active, .text-area-2:focus {
  border-color: #f7f8fa;
}

.text-area-2::placeholder {
  color: #b1bac8;
}

.error-message-2 {
  color: #f97664;
  background-color: #feefec;
  padding: 20px;
}

.reservation-button-2 {
  border: 1px solid var(--gray-600);
  color: var(--yellow-green);
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  min-height: 48px;
  padding: 12px 42px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.reservation-button-2:hover {
  background-color: #f7f8fa;
}

.text-field-2 {
  border: 1px solid var(--gray-600);
  color: var(--dim-grey);
  background-color: #0000;
  border-radius: 10px;
  height: 48px;
  margin-bottom: 0;
  padding-left: 18px;
  padding-right: 18px;
  transition: border-color .5s;
}

.text-field-2:hover {
  border-color: #dbdee6;
}

.text-field-2:active, .text-field-2:focus {
  border-color: #f7f8fa;
}

.text-field-2::placeholder {
  color: #b1bac8;
}

.section-14 {
  margin-top: 20px;
  margin-bottom: 40px;
  display: block;
}

.message-title {
  color: var(--green-1);
  font-family: Montserrat, sans-serif;
  font-weight: 200;
}

.div-block-19 {
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.form {
  width: auto;
}

.address {
  color: #749e10;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
}

.catalog-link {
  color: var(--green-1);
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 50px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.cg-description {
  color: var(--dim-grey);
  width: 750px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.cg-sub {
  color: var(--dim-grey);
  width: 450px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Dancing Script, sans-serif;
  font-size: 38px;
  line-height: 42px;
  display: block;
}

.cg-title {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 62px;
}

.cg-title.foods {
  margin-bottom: 0;
}

.cg-header {
  text-align: center;
  width: 100%;
  max-width: 1060px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  display: block;
  position: relative;
}

.products-tab-narrow-cg {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  width: 800px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 60px;
  display: block;
}

.products-tab-narrow-cg.zacusca {
  width: 600px;
}

.fg-title {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 62px;
}

.fg-title.foods {
  margin-bottom: 0;
}

.fg-subtitle {
  color: var(--yellow-green);
  width: 750px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Satisfy, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.fg-description {
  color: var(--dim-grey);
  width: 850px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.fg-header {
  text-align: center;
  width: 100%;
  max-width: 1060px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.image-jars-big {
  width: auto;
  height: 260px;
}

.weight-line {
  color: var(--green-1);
  font-family: Cormorant, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
}

.image-desk {
  mix-blend-mode: multiply;
  width: 230px;
  max-width: none;
  height: auto;
  display: block;
}

.image-desk.deroniko-sauce {
  align-self: auto;
}

.image-desk.deroniko {
  margin-top: -49px;
}

.mustards-title {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 200;
  line-height: 80px;
}

.mustards-title.foods {
  margin-bottom: 0;
}

.product-description {
  color: var(--dim-grey);
  letter-spacing: 0;
  width: auto;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.advantages-text {
  color: var(--dim-grey);
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.garden-image-2 {
  border-radius: 20px;
  width: 980px;
  height: auto;
  margin: 40px auto;
  position: relative;
  overflow: hidden;
}

.gourmet-description {
  color: var(--dim-grey);
  width: 600px;
  margin: 10px auto 20px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.groumet-sub {
  color: var(--dim-grey);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Dancing Script, sans-serif;
  font-size: 34px;
  display: none;
}

.header-description {
  z-index: 2;
  color: var(--dim-grey);
  width: auto;
  margin: 10px auto;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  position: relative;
}

.header-description.spicyhot {
  width: 500px;
}

.header-description.width, .header-description.mustards, .header-description.pizza-sauce {
  width: 650px;
}

.header-description.sfm {
  width: 680px;
}

.header-description.soy-sauce {
  width: 780px;
}

.header-description.soy-pet, .header-description.deroniko {
  width: 650px;
}

.header-description.bruschetta {
  width: 700px;
}

.header-description.kulinaria {
  width: 750px;
}

.product-sub-big {
  letter-spacing: 0;
  width: auto;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.product-sub-long {
  letter-spacing: 0;
  width: auto;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.product-sub-mobile-long {
  letter-spacing: 0;
  width: auto;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.section-15 {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 75px;
  height: 75px;
  margin-top: -75px;
}

.section-16, .top-shadow {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 75px;
  height: 75px;
  margin-bottom: -75px;
  padding-bottom: 0;
}

.bottom-shadow {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 75px;
  height: 75px;
  margin-top: -75px;
}

.container-11 {
  width: 100%;
  max-width: none;
  margin: 30px auto;
  display: flex;
}

.container-12 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.image-16 {
  border-radius: 20px;
  width: 350px;
  max-width: none;
  height: 220px;
  margin-top: 22px;
  margin-left: 61px;
}

.container-13 {
  background-image: url('../images/Greenhouse-1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex: none;
  width: 400px;
  max-width: none;
  height: 250px;
  margin-top: 0;
  margin-left: 40px;
  margin-right: auto;
  padding-left: 0;
}

.simple-menu-button {
  background-color: #fff;
  width: 60px;
  height: 60px;
  padding: 0;
  overflow: hidden;
}

.simple-menu-button.w--open {
  background-color: #fff;
}

.line-1 {
  z-index: 2;
  background-color: #7a7a7a;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}

.line-1.simple {
  top: 18px;
}

.line-2 {
  z-index: 1;
  background-color: #7a7a7a;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}

.line-2.simple {
  top: 28px;
}

.line-3 {
  z-index: 2;
  background-color: #7a7a7a;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
}

.line-3.simple {
  top: 38px;
}

.image-deroniko-250 {
  width: auto;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-deroniko-500 {
  width: auto;
  height: 240px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-deroniko-ketchup {
  width: auto;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.products-deroniko {
  background-color: #0000;
  align-self: flex-end;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.products-deroniko.w--current {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: static;
}

.products-deroniko.chiligarden, .products-deroniko.chiligarden.w--current {
  padding-left: 10px;
  padding-right: 10px;
}

.products-deroniko.ketchup {
  flex: 0 auto;
  align-self: flex-end;
  padding-left: 0;
  padding-right: 0;
}

.products-deroniko.sauce {
  align-self: flex-end;
}

.heading-deroniko {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
}

.heading-deroniko.foods {
  margin-bottom: 0;
}

.heading-velika {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 200;
}

.heading-velika.foods {
  margin-bottom: 0;
}

.velika-sub {
  color: var(--dim-grey);
  width: 450px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Dancing Script, sans-serif;
  font-size: 38px;
  line-height: 42px;
  display: block;
}

.image-coarsely {
  width: 180px;
  max-width: none;
  height: auto;
  display: block;
}

.image-balsamico {
  width: auto;
  height: 300px;
}

.balsamico-sub {
  letter-spacing: 0;
  width: 500px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.chili-paste {
  width: auto;
  height: 300px;
  display: block;
}

.velika-zacusca-sub {
  letter-spacing: 0;
  width: 400px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.hero-title-bg {
  color: var(--green-1);
  letter-spacing: 0;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 50px;
}

.navigation-bg {
  border-bottom: 1px solid var(--gray-500);
  background-color: #fff;
  align-items: center;
  height: 130px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.l1-text-bg {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  width: 740px;
  margin: 10px auto 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.l1-text-bg:hover {
  color: var(--gray-800);
}

.home-text-box-2-bg {
  color: var(--green-1);
  text-align: center;
  width: auto;
  margin: 10px auto;
  font-family: Amatic SC, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 34px;
}

.l2-text-bg {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  width: 850px;
  margin: 10px auto 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.l2-text-bg:hover {
  color: var(--gray-800);
}

.home-container-l2-bg {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 10px;
  position: relative;
}

.hero-image-section-bg {
  border-radius: 20px;
  width: 980px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.title-section-home-bg {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 40px 3% 0;
}

.section-video-bg {
  margin-bottom: 40px;
  display: block;
}

.address-bg {
  text-transform: uppercase;
  margin-top: 54px;
  margin-bottom: 10px;
  font-family: Comfortaa, sans-serif;
}

.catalog-link-bg {
  color: var(--green-1);
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 60px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  overflow: visible;
}

.body-small-bg {
  color: #5b5675;
  text-align: center;
  letter-spacing: -.01em;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.gardens-title-bg {
  color: var(--green-1);
  text-align: center;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 60px;
}

.gardens-subtitle-bg {
  color: var(--dim-grey);
  text-align: center;
  letter-spacing: -.01em;
  width: auto;
  margin: 10px auto 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.gardens-subtitle-bg:hover {
  color: var(--dim-grey);
}

.text-span-2 {
  color: var(--green-1);
  font-weight: 700;
}

.gardens-titles-2-bg {
  color: var(--green-1);
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}

.gardens-small-title-bg {
  color: var(--green-1);
  text-align: left;
  text-transform: none;
  width: auto;
  margin: 10px auto;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.gardens-text-box-bg {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  width: 100%;
  margin: 0 auto 30px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.gardens-text-box-bg:hover {
  color: var(--gray-800);
}

.gardens-l1-section-bg {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}

.gardens-l1-container-bg {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 1000px;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.about-garden-image-bg {
  border-radius: 20px;
  width: 980px;
  height: auto;
  margin: 20px auto;
  position: relative;
  overflow: hidden;
}

.gardens-container-bg {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin: 40px auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.greenhouse-image {
  background-image: url('../images/Greenhouse-1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex: none;
  width: 400px;
  max-width: none;
  height: 250px;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: auto;
  padding-left: 0;
}

.section-9-copy, .section-video-gardens-bg {
  margin-bottom: 40px;
  display: block;
}

.greenhouse-text-bg {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.about-container-copy, .about-container-bg {
  z-index: 5;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.about-title-bg {
  color: var(--green-1);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
}

.about-text-box-bg {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  width: auto;
  margin: 10px auto 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.about-text-box-bg:hover {
  color: var(--gray-800);
}

.about-small-title-bg {
  color: var(--green-1);
  text-align: left;
  width: auto;
  margin: 20px auto 0;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 34px;
}

.text-span-3 {
  color: var(--green-1);
  font-weight: 400;
}

.products-header-bg {
  color: var(--white);
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 40px 3% 0;
}

.heading-bg {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 200;
}

.heading-bg.foods {
  margin-bottom: 0;
}

.foods-sub-bg {
  color: var(--green-1);
  padding-top: 0;
  padding-bottom: 0;
  font-family: Amatic SC, sans-serif;
  font-size: 36px;
  line-height: 36px;
  display: block;
}

.head-description-bg {
  color: #5e5e5e;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.foods-comment-bg {
  color: var(--green-1);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
}

.foods-buttons-text-bg {
  color: var(--gray-800);
  text-align: left;
  margin-left: 15px;
  margin-right: 60px;
  font-family: Amatic SC, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.foods-buttons-text-bg.dark {
  color: var(--black-80);
  font-size: 18px;
}

.foods-buttons-bg {
  background-image: url('../images/Button_Hot-Sauces-BG.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  height: 110px;
  display: flex;
}

.foods-buttons-bg._2 {
  background-image: url('../images/Pasta-Classic-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._3 {
  background-image: url('../images/Pasta-Kulinaria-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._4 {
  background-image: url('../images/Mustards-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._5 {
  background-image: url('../images/Sauces-For-Meat-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._6 {
  background-image: url('../images/Sauces-BBQ-Grill-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._7 {
  background-image: url('../images/Sauce-Pizza-B.webp');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._8 {
  background-image: url('../images/Sauces-Classic-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._9 {
  background-image: url('../images/Soy-Sauce-B.webp');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._10 {
  background-image: url('../images/Universal-Sauces-B.webp');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._1 {
  cursor: auto;
  background-image: url('../images/Pasta-Gourmet-B.webp');
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._11 {
  background-image: url('../images/Spicy-Sauces-B.jpg');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._12 {
  background-image: url('../images/Ajvars-Kulinaria-2.webp');
  border-radius: 20px;
  justify-content: flex-start;
}

.foods-buttons-bg._13 {
  background-image: url('../images/Velika-B.jpg');
  border-radius: 20px;
}

.foods-buttons-bg._14 {
  background-image: url('../images/Zacusca-B.jpg');
  border-radius: 20px;
}

.foods-buttons-bg._15 {
  background-image: url('../images/Hot-Sauces-B.webp');
}

.foods-buttons-bg._17 {
  background-image: url('../images/Green-Ketchup-B.webp');
  border-radius: 20px;
}

.foods-buttons-bg._18 {
  background-image: url('../images/Ketchup-B.webp');
  border-radius: 20px;
}

.foods-buttons-bg._19 {
  background-image: url('../images/Coarsely-Ground-B.webp');
}

.foods-buttons-bg._20 {
  background-image: url('../images/Finely-Ground-B.jpg');
}

.foods-buttons-bg.deroniko {
  background-image: url('../images/Deroniko-Button.jpg');
}

.foods-buttons-bg.ajvar-kulinaria {
  background-image: url('../images/Ajvars-Kulinaria-2.webp');
}

.foods-buttons-bg.ajvar-deroni {
  background-image: url('../images/Ajvar-Deroni-B.webp');
}

.foods-buttons-bg.ajvar-velika {
  background-image: url('../images/Ajvar-Velika-2.jpg');
}

.foods-buttons-bg.zacusca-deroni {
  background-image: url('../images/Zacusca-Deroni-B.webp');
}

.foods-buttons-bg.zacusca-velika {
  background-image: url('../images/Velika-Zacusca-2.jpg');
}

.foods-buttons-bg.velika {
  background-image: url('../images/Velika-Lutenitsa-B.webp');
}

.foods-buttons-bg.balsamico {
  background-image: url('../images/Blasamico-B.webp');
}

.foods-buttons-bg.finely-ground {
  background-image: url('../images/Finely-Ground-2.webp');
}

.foods-buttons-bg.spicy-sauces {
  background-image: url('../images/Spicy-Sauces-B.webp');
}

.foods-buttons-bg.ajvar-k-bg {
  background-image: url('../images/Button-Ajvars-BG.webp');
}

.foods-buttons-bg.ajvar-velika-bg {
  background-image: url('../images/Button_Ajvar-Velika_BG.webp');
}

.foods-buttons-bg.ajvar-deroni-bg {
  background-image: url('../images/Button_Ajvar-Deroni_BG.webp');
}

.foods-buttons-bg.velika-lutenitsa-bg {
  background-image: url('../images/Button-Velika-BG.webp');
}

.foods-buttons-bg.deroni-coarsely-bg {
  background-image: url('../images/Button-Coarsely-BG.webp');
}

.foods-buttons-bg.deroni-finely-bg {
  background-image: url('../images/Button-Finely-BG.webp');
}

.foods-buttons-bg.deroni-zacusca-bg {
  background-image: url('../images/Button_Zacusca-BG.webp');
}

.foods-buttons-bg.zacusca-velika-bg {
  background-image: url('../images/Button-Zacuca-BG.webp');
}

.foods-buttons-bg.mustards-bg {
  background-image: url('../images/Button_Mustards-BG.webp');
}

.foods-buttons-bg.pasta-sauces-bg {
  background-image: url('../images/-Buttons_Pasta-Sauce-BG.webp');
}

.foods-buttons-bg.pizza-sauce-bg {
  background-image: url('../images/Button_Pizza-Sauce-BG.webp');
}

.foods-buttons-bg.deroniko-bg {
  background-image: url('../images/Button_Deroniko-BG.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.foods-buttons-bg.soy-sauces-bg {
  background-image: url('../images/Button_Soy-Sauce_BG.webp');
}

.foods-buttons-bg.universal-bg {
  background-image: url('../images/Button_Universal_BG.webp');
}

.foods-buttons-bg.season-classic-sauces-bg {
  background-image: url('../images/Button_Classic-Sauces-BG.webp');
}

.foods-buttons-bg.green-ketchup-bg {
  background-image: url('../images/Button_Green-Ketchup_BG.webp');
}

.foods-buttons-bg.bbq-grills-sauces-bg {
  background-image: url('../images/Button_BBQ-Grill-Sauces_BG.webp');
}

.foods-buttons-bg.sauces-for-meat-bg {
  background-image: url('../images/Button_Sauces-Meat_BG.webp');
}

.foods-buttons-bg.ketchups-bg {
  background-image: url('../images/Button_Ketchups-BG.webp');
}

.foods-buttons-bg.classic-sauces-bg {
  background-image: url('../images/Button_Garlic-BG.webp');
}

.foods-buttons-bg.sauces-bg {
  background-image: url('../images/Sauces-BG.webp');
}

.foods-buttons-bg.no-sugar-bg {
  background-image: url('../images/Button-NoSugar-BG.webp');
}

.foods-buttons-bg.horeca-bg {
  background-image: url('../images/Button-HoReCa-BG.webp');
}

.greenhouse-contaner-bg {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-foods-bg {
  color: #749e10;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 68px;
  font-weight: 200;
}

.title-foods-bg.foods {
  margin-bottom: 0;
}

.products-subtitle-bg {
  color: var(--green-1);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Amatic SC, sans-serif;
  font-size: 40px;
  font-weight: 700;
  display: block;
}

.products-subtitle-bg.ajvar-kulinaria-bg {
  padding-top: 20px;
}

.products-subtitle-bg.mustards-bg {
  font-family: Amatic SC, sans-serif;
  font-size: 30px;
}

.products-title-bg {
  color: #749e10;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
}

.products-title-bg.foods {
  margin-bottom: 0;
}

.products-title-bg.ajvar-kulinaria-bg {
  letter-spacing: normal;
  column-count: auto;
  font-family: Nunito, sans-serif;
  font-size: 55px;
  font-weight: 200;
  line-height: 55px;
}

.products-title-bg.ajvar-velika-bg {
  font-size: 46px;
  line-height: 50px;
}

.products-title-bg.ajvar-deroni-bg {
  color: #686868;
  letter-spacing: 0;
  font-family: Comfortaa, sans-serif;
  font-size: 55px;
  font-weight: 300;
  line-height: 55px;
  text-decoration: none;
}

.products-description-bg {
  color: var(--dim-grey);
  width: auto;
  margin: 0 auto 20px;
  padding-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 24px;
  display: block;
}

.products-description-bg.coarsely {
  width: 700px;
  margin-top: 0;
  font-family: Comfortaa, sans-serif;
}

.products-description-bg.green-ketchup-bg {
  width: 600px;
}

.products-description-bg.soy-sauce-bg {
  width: 500px;
}

.products-description-bg.universal-bg {
  width: 700px;
}

.products-description-bg.ketchup-bg {
  width: 650px;
}

.products-description-bg.ajvar-k-bg {
  width: 550px;
}

.buttitle-bg {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  white-space: normal;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  display: block;
}

.buttitle-bg:hover {
  color: var(--yellow-green);
  font-weight: 300;
}

.description-title-bg {
  color: var(--black-80);
  letter-spacing: normal;
  text-indent: 0;
  column-count: auto;
  width: auto;
  margin-top: 0;
  padding-bottom: 10px;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 46px;
  font-weight: 200;
  line-height: 42px;
}

.description-text-bg {
  color: var(--black-80);
  letter-spacing: 0;
  width: auto;
  margin-bottom: 20px;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.description-text-bg.short {
  width: 450px;
}

.description-text-bg.bbq-bg {
  width: 420px;
}

.description-text-bg.universal-bg {
  width: 400px;
}

.advantages-bg {
  background-color: var(--white);
  color: #8ab428;
  letter-spacing: 0;
  -webkit-text-stroke-color: transparent;
  text-transform: capitalize;
  border-bottom: 1px dotted #8ab428;
  border-radius: 0;
  width: 100px;
  height: auto;
  padding: 0 10px 6px 0;
  font-family: Amatic SC, sans-serif;
  font-size: 26px;
  font-weight: 700;
  display: block;
}

.advantages-bg.advantages {
  background-color: var(--yellow-green);
  text-align: center;
}

.advantages-bg.ketchup-pvc-bg {
  display: none;
}

.advantages-text-bg {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: capitalize;
  margin-top: 6px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.advantages-text-bg:hover {
  color: var(--gray-800);
}

.advantages-text-bg.ketchup-pvc-bg {
  display: none;
}

.products-tab-bg-old {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tabs-menu-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  mix-blend-mode: normal;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.tabs-menu-bg.test {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tabs-menu-bg.mustards-bg {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.tabs-menu-bg.pasta-sauces-bg {
  width: 650px;
}

.tabs-menu-bg.pizza-sauces-bg {
  width: 450px;
}

.tabs-menu-bg.allseason-classic-bg {
  width: 550px;
}

.tabs-menu-bg.ajvars-bg {
  width: 500px;
}

.tabs-menu-bg.deroniko-bg {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: auto;
}

.tabs-menu-bg.classic-bg {
  width: 550px;
}

.tabs-menu-bg.green-ketchup-bg {
  width: 350px;
}

.tabs-menu-bg.soy-sauces-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: stretch;
  width: 600px;
}

.tabs-menu-bg.universal-bg {
  width: 350px;
}

.products-main-tab-bg {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px none var(--gray-500);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.products-main-tab-bg.mustards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  justify-content: center;
  place-items: center;
  width: 700px;
}

.products-main-tab-bg.hot-sauces-bg {
  width: 700px;
}

.products-main-tab-bg.sauces-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: .5fr 1fr;
  place-content: stretch center;
  place-items: center;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.image-desk-bg {
  width: 250px;
  max-width: none;
  height: 100%;
  margin-top: 0;
  display: block;
}

.image-menu-bg {
  width: auto;
  height: 320px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-menu-bg.mustards-bg {
  width: auto;
  height: 180px;
}

.image-menu-bg.ps-bg {
  height: 300px;
}

.image-menu-bg.coarsely-bg {
  height: 250px;
}

.image-menu-bg.classic-sauces-bg {
  height: 320px;
}

.image-menu-bg.soy-sauces-bg {
  height: 280px;
}

.image-menu-bg.ketchup-350-bg {
  height: 300px;
  margin-top: 20px;
}

.tabs-bg {
  margin-bottom: 40px;
}

.products-button-bg {
  background-color: #0000;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.products-button-bg.w--current {
  background-color: #0000;
  position: relative;
}

.products-button-bg.chiligarden, .products-button-bg.chiligarden.w--current {
  padding-left: 10px;
  padding-right: 10px;
}

.products-button-bg.mustards-bg {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.product-title-mobile-bg {
  letter-spacing: 0;
  width: auto;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
  line-height: 42px;
}

.product-sub-mobile-bg {
  letter-spacing: 0;
  width: auto;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.prod-adv-mobile-bg {
  color: var(--gray-800);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.prod-adv-mobile-bg:hover {
  color: var(--gray-800);
}

.production-title-bg {
  color: var(--green-1);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 66px;
}

.production-text-l1-bg {
  color: var(--dim-grey);
  text-align: center;
  letter-spacing: -.01em;
  width: 700px;
  margin: 10px auto 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.production-text-l1-bg:hover {
  color: var(--green-1);
}

.production-titles-2-bg {
  color: var(--green-1);
  text-align: center;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 40px;
}

.hero-image-factory-bg {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.foods-grid-bg, .foods-grid-eng {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.contacts-title-bg {
  color: var(--green-1);
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 65px;
}

.contact-detail-section-bg {
  max-width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
}

.contacts-l1-section-bg {
  width: auto;
  margin: 0 auto;
  padding: 60px 0% 40px;
}

.hero-image-bg {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  margin: 0 auto 10px;
}

.catalog-link-2 {
  color: var(--green-1);
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.image-sauces-glass {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.products-button-copy {
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.products-button-copy.w--current {
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.products-button-copy.chiligarden, .products-button-copy.chiligarden.w--current {
  padding-left: 10px;
  padding-right: 10px;
}

.sauces-pvc {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pvc-sauces-info {
  align-self: center;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 0;
}

.image-deroniko-sauce {
  width: auto;
  height: 240px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-bg {
  border: 1px #000;
  border-top: 1px solid #d8d8d8;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0%;
}

.footer-content-wrap-bg {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

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

.prod-info {
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 0;
  display: flex;
}

.product-title-v2 {
  color: var(--black-80);
  text-align: center;
  letter-spacing: 0;
  width: 80%;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
  line-height: 42px;
}

.product-sub-v2 {
  text-align: center;
  letter-spacing: 0;
  width: 80%;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.advantages-text-v2 {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  text-transform: none;
  width: 80%;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
}

.advantages-text-v2:hover {
  color: var(--gray-800);
}

.tab-pane-tab-1 {
  position: static;
}

.grid-4 {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  align-self: auto;
}

._1-weight-bg {
  background-color: var(--yellow-green);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 0;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: flex;
}

._2-weight-bg {
  background-color: var(--yellow-green);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: flex;
}

.section-17 {
  display: block;
}

.heading-71 {
  color: var(--yellow-green);
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Comfortaa, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

.text-block-22 {
  color: #4b4b4b;
  margin-top: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.landing-page {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  max-height: none;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 30px 3% 0;
  display: flex;
}

.image-17 {
  margin-bottom: 20px;
}

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

.div-block-20 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.language {
  color: #8ab428;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
}

.link-block, .link-block-2 {
  padding: 20px 10px;
}

.flex-block {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  justify-content: center;
  align-items: center;
}

.flex-block-2 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  justify-content: center;
  align-items: center;
}

.heading-72 {
  color: var(--green-1);
  text-align: center;
  align-self: center;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 26px;
}

.flex-block-3 {
  justify-content: center;
  align-self: flex-start;
  align-items: center;
}

.image-20, .container-15 {
  width: 200px;
}

.titles-catalog {
  color: var(--green-1);
  text-align: center;
  -webkit-text-stroke-color: var(--green-1);
  align-self: center;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.catalog-images-h {
  object-fit: contain;
  border: 1px solid #749e10;
  border-radius: 14px;
  align-self: center;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  display: block;
  position: relative;
}

.flex-catalogs {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  justify-content: center;
  align-items: center;
  width: 940px;
  height: auto;
}

.flex-catalog-h {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20%;
  height: auto;
}

.catalog-images-v {
  object-fit: contain;
  border: 1px solid #749e10;
  border-radius: 14px;
  align-self: center;
  width: 150px;
  margin-bottom: 15px;
  display: block;
}

.section-catalogs {
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  padding-top: 40px;
  padding-bottom: 20px;
}

.text-block-23 {
  text-align: center;
  font-family: Montserrat, sans-serif;
}

.text-block-24 {
  text-align: center;
  -webkit-text-stroke-color: #749e10;
}

.catalogs-title {
  color: #749e10;
  text-align: center;
  -webkit-text-stroke-color: #749e10;
  width: 940px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.container-16 {
  padding-bottom: 20px;
}

.catalogs-subtitle {
  color: #749e10;
  text-align: center;
  -webkit-text-stroke-color: #749e10;
  width: 940px;
  padding-top: 10px;
  font-family: Caveat, sans-serif;
  font-size: 28px;
  font-weight: 300;
}

.section-video {
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}

.catalog-name {
  color: #749e10;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.link-block-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 21%;
  display: flex;
}

.link-block-4 {
  width: 21%;
}

.link-block-5 {
  width: 16%;
}

.link-block-6 {
  width: 100%;
}

.flex-catalog-v {
  width: 16%;
}

.link-block-7, .link-block-8 {
  width: 100%;
}

.tabs-menu-new {
  mix-blend-mode: normal;
  justify-content: center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.prodbut {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.prodbut.w--current {
  color: #fff;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.prodbut.bottom {
  align-self: flex-end;
}

.prodimage {
  width: 120px;
}

.prodimage.deroniko-ketchup {
  width: 140px;
  margin-top: -29px;
}

.prodtext {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  white-space: normal;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Abel, sans-serif;
  font-size: 18px;
  line-height: 20px;
  display: block;
}

.prodtext:hover {
  color: var(--yellow-green);
  font-weight: 400;
}

.flex-block-4 {
  justify-content: center;
  align-items: center;
}

.prodmaintab-new {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px none var(--gray-500);
  color: var(--green-1);
  background-image: url('../images/Shadow_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
}

.prodtitle {
  color: var(--black-80);
  letter-spacing: 0;
  width: auto;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 42px;
}

.proddescription {
  color: var(--black-80);
  letter-spacing: 0;
  width: auto;
  height: auto;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.advantagesnew {
  background-color: var(--green-1);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  -webkit-text-stroke-color: transparent;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 30px;
  padding: 6px 10px 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  display: block;
}

.advantagesnew.advantages {
  background-color: var(--yellow-green);
  text-align: center;
  flex: 1;
  align-self: flex-start;
  width: 150px;
}

.advantagesnew.none {
  display: none;
}

.prodadvtext {
  color: var(--green-1);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: none;
  width: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.prodadvtext:hover {
  color: var(--gray-800);
}

.prodadvtext.none {
  display: none;
}

.prodinfobox {
  justify-content: center;
  align-items: flex-start;
  max-width: 550px;
  padding-top: 0;
}

.prodimagebox {
  width: 230px;
}

.flex-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
}

._510gnew {
  background-color: var(--yellow-green);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

._510gnew.none {
  display: none;
}

._250gnew {
  background-color: var(--yellow-green);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.weights {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.prodbutflex {
  justify-content: center;
  align-items: center;
  width: 120px;
}

.section-prodphone {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  display: none;
}

.prodinfoboxphone {
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
}

.proddescription-phone {
  color: var(--black-80);
  letter-spacing: 0;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.prodadvtext-phone {
  color: var(--green-1);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: none;
  width: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.prodadvtext-phone:hover {
  color: var(--gray-800);
}

.prodimagephone {
  display: block;
}

.image-21 {
  z-index: 1;
  mix-blend-mode: multiply;
  align-self: center;
  margin-top: -110px;
  margin-bottom: -9px;
  display: block;
  position: relative;
  overflow: visible;
}

.pizza-sauce-header {
  z-index: 1;
  mix-blend-mode: multiply;
  align-self: center;
  margin-top: -23px;
  margin-bottom: -12px;
  display: block;
  position: relative;
  overflow: visible;
}

.products-header-land {
  color: var(--white);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 40px 3% 0;
  display: block;
}

.image-22 {
  mix-blend-mode: multiply;
  margin-top: -8px;
  margin-bottom: -18px;
}

.text-span-4, .text-span-5 {
  color: var(--green-1);
  vertical-align: sub;
}

.text-span-6, .text-span-7, .text-span-8, .text-span-9, .text-span-10, .text-span-11, .text-span-12, .text-span-13, .text-span-14, .text-span-15, .text-span-16, .text-span-17, .text-span-18, .text-span-19, .text-span-20, .text-span-21, .text-span-22, .text-span-23, .text-span-24, .text-span-25, .text-span-26, .text-span-27, .text-span-28, .text-span-29 {
  color: var(--green-1);
}

.text-span-30 {
  color: var(--green-1);
  vertical-align: sub;
}

.header-handwrite {
  z-index: 2;
  color: var(--green-1);
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Satisfy, sans-serif;
  font-size: 32px;
  font-style: normal;
  display: block;
  position: relative;
}

.header-handwrite.sfm {
  width: 500px;
  line-height: 32px;
}

.kulinaria-ps-image {
  z-index: 1;
  mix-blend-mode: multiply;
  align-self: center;
  margin-top: -9px;
  margin-bottom: -32px;
  display: block;
  position: relative;
  overflow: visible;
}

.image-23 {
  mix-blend-mode: multiply;
  margin-top: -18px;
  margin-bottom: -28px;
}

.image-24 {
  z-index: 1;
  mix-blend-mode: multiply;
  margin-top: 0;
  margin-bottom: -19px;
  position: relative;
}

.image-25 {
  margin-bottom: -33px;
}

.image-26 {
  margin-top: -3px;
  margin-bottom: -30px;
}

.image-27 {
  margin-top: -16px;
  margin-bottom: -18px;
}

.image-28, .image-29 {
  margin-bottom: -15px;
}

.soy-pet-sub {
  z-index: 2;
  color: var(--dim-grey);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Satisfy, sans-serif;
  font-size: 30px;
  display: block;
  position: relative;
}

.bold-text-3 {
  color: #fff;
  background-color: #8ab428;
  border-radius: 12px;
  margin-top: 20px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.products-tab-bg {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  display: block;
}

.prodtitle-bg {
  color: var(--gray-900);
  letter-spacing: 0;
  width: auto;
  padding-bottom: 10px;
  font-family: Sofia Sans Condensed, sans-serif;
  font-weight: 300;
  line-height: 42px;
}

.proddescription-bg {
  color: var(--gray-900);
  letter-spacing: 0;
  width: auto;
  height: auto;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}

.advantagesnew-bg {
  background-color: var(--green-1);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  -webkit-text-stroke-color: transparent;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 30px;
  padding: 6px 10px 0;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 20px;
  display: block;
}

.advantagesnew-bg.advantages {
  background-color: var(--yellow-green);
  text-align: center;
  flex: 1;
  align-self: flex-start;
  width: 150px;
}

.advantagesnew-bg.none {
  display: none;
}

.prodadvtext-bg {
  color: var(--green-1);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: none;
  width: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.prodadvtext-bg:hover {
  color: var(--gray-800);
}

.prodadvtext-bg.none {
  display: none;
}

.prodtext-bg {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: -.01em;
  white-space: normal;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Sofia Sans Condensed, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.prodtext-bg:hover {
  color: var(--yellow-green);
  font-weight: 400;
}

.menu-link-bg {
  color: var(--gray-800);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: 1px solid #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Comfortaa, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: all .5s;
  display: flex;
  bottom: -1px;
}

.menu-link-bg:hover {
  border-bottom: 1px dotted var(--green-1);
  color: var(--gray-900);
}

.menu-link-bg.w--current {
  border-top: 1px none var(--green-1);
  border-bottom: 2px dotted var(--green-1);
  color: var(--gray-800);
  border-radius: 0;
  bottom: -1px;
}

.section-prodphone-bg {
  background-image: url('../images/Shadow_3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1000px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  display: none;
}

.products-header-new-bg {
  color: var(--white);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 40px 3% 0;
  display: block;
}

.heading-prod-bg {
  z-index: 2;
  color: #749e10;
  letter-spacing: 0;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Comfortaa, sans-serif;
  font-size: 60px;
  font-weight: 200;
  position: relative;
}

.heading-prod-bg.foods {
  color: #8ab428;
  margin-bottom: 0;
}

.heading-prod-bg.green {
  color: #749e10;
  font-weight: 600;
}

.header-handwrite-bg {
  z-index: 2;
  color: var(--green-1);
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Caveat, sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  display: block;
  position: relative;
}

.header-handwrite-bg.sfm {
  width: 500px;
  line-height: 32px;
}

.header-description-bg {
  z-index: 2;
  color: var(--dim-grey);
  width: 600px;
  margin: 10px auto;
  padding-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  position: relative;
}

.header-description-bg.spicyhot {
  width: 500px;
}

.header-description-bg.width, .header-description-bg.mustards, .header-description-bg.pizza-sauce {
  width: 650px;
}

.header-description-bg.sfm {
  width: 680px;
}

.header-description-bg.soy-sauce {
  width: 780px;
}

.header-description-bg.soy-pet, .header-description-bg.deroniko {
  width: 650px;
}

.header-description-bg.bruschetta {
  width: 700px;
}

.header-description-bg.kulinaria {
  width: 750px;
}

.header-description-bg.coarsely-bg {
  width: 800px;
}

.image-30 {
  margin-top: -35px;
}

.image-header-pizza-bg {
  mix-blend-mode: multiply;
  margin-top: -39px;
  margin-bottom: -17px;
}

@media screen and (max-width: 991px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }

  .title {
    margin-bottom: 10px;
  }

  .container-large {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .navigation-container {
    background-image: none;
    flex: 0 auto;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    max-width: 100%;
    min-height: auto;
    margin: auto;
    padding-top: 0;
    display: block;
    position: static;
  }

  .navigation {
    width: 100%;
    display: flex;
  }

  .brand {
    justify-content: center;
    align-self: center;
    margin: auto;
    padding: 0;
    display: flex;
  }

  .brand.w--current {
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .menu-link {
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
  }

  .nav-menu {
    background-color: #fff;
    height: auto;
    padding: 20px;
    position: absolute;
    top: 80px;
  }

  .hero-section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .hero-image-section {
    width: 90%;
    height: auto;
  }

  .hero-image {
    height: auto;
  }

  .tab-content {
    flex-direction: column;
  }

  .story-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    object-fit: fill;
    grid-template: "."
    / 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch;
    display: grid;
  }

  .instagram-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

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

  .content-card {
    padding: 72px 5%;
  }

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

  .content-wrapper.margin-left-24 {
    margin-left: 0;
  }

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

  .hero-cover {
    height: auto;
  }

  .footer {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-content-wrapper {
    width: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .menu-grid {
    grid-column-gap: 40px;
  }

  .menu-wrapper {
    padding-top: 60px;
  }

  .menu-section {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .blog-post-grid {
    grid-column-gap: 40px;
  }

  .ingredient-grid, .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .products-header {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .content-grid-section {
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
  }

  .food-image-01 {
    width: 100%;
  }

  .content-grid-section-reversed {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 60px;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr 1fr;
  }

  .image {
    text-align: left;
    max-height: 90%;
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .icon {
    color: var(--gray-600);
    font-size: 60px;
  }

  .body-small-300-butt {
    font-size: 16px;
  }

  .products-button {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .products-button.w--current {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .products-button.ajvar.w--current {
    width: 200px;
  }

  .products-button.velika, .products-button.velika.w--current {
    width: 300px;
  }

  .heading-70 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    line-height: 70px;
  }

  .heading-70.sfm {
    width: 450px;
  }

  .products-main-tab {
    margin-left: 0;
    margin-right: 0;
  }

  .image-5 {
    width: auto;
    height: 400px;
  }

  .product-sub {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
  }

  .body-small-300-left {
    letter-spacing: 0;
    text-indent: 0;
  }

  .head-description {
    width: 100%;
  }

  .head-description.info {
    width: 90%;
  }

  .div-block-13 {
    padding-top: 0;
  }

  .soy-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .green-subtitle {
    white-space: normal;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .image-13 {
    width: 180px;
  }

  .tabs-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .container-7 {
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .product-section-phone {
    display: none;
  }

  .all-natural-ingredients-mobile {
    width: auto;
    margin-top: 20px;
    margin-bottom: -170px;
    margin-left: 620px;
  }

  .from-our-gardens {
    width: auto;
    margin-top: 0;
    margin-bottom: -180px;
    margin-left: 588px;
  }

  .menu-button-2 {
    align-items: center;
    margin-top: 18px;
    margin-bottom: 0;
    display: block;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .products-button-20 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .mustards-sub {
    padding-bottom: 20px;
    font-size: 38px;
    line-height: 38px;
  }

  .sfm-sub {
    font-size: 38px;
    line-height: 40px;
  }

  .sfm-description {
    white-space: normal;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }

  .hero-section-home {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .foods-buttons.classic-pasta, .foods-buttons.kulinaria-pasta, .foods-buttons.mustards, .foods-buttons.for-meat, .foods-buttons.bbq-grill, .foods-buttons.pizza-sauces, .foods-buttons.classic-sauces, .foods-buttons.soy-sauces, .foods-buttons.universal-saucs, .foods-buttons.gourmet-pasta, .foods-buttons._11, .foods-buttons._12, .foods-buttons._13, .foods-buttons._14, .foods-buttons.green-ketchup, .foods-buttons._18 {
    border-radius: 20px;
  }

  .section-4 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    width: 90%;
  }

  .foods-sub {
    width: 80%;
    font-size: 34px;
  }

  .foods-selection {
    display: none;
  }

  .fooddropwrapper {
    width: 700px;
  }

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

  .bbq-grill-title {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 64px;
  }

  .bbq-grill-descrption {
    white-space: normal;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }

  .bbq-grill-sub {
    font-size: 38px;
    line-height: 40px;
  }

  .products-tab {
    width: 100%;
  }

  .pizza-description {
    white-space: normal;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }

  .universal-sub {
    font-size: 38px;
  }

  .tabs-content-uni {
    padding-left: 40px;
    padding-right: 40px;
  }

  .products-button-uni {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-uni {
    width: auto;
    max-width: 100%;
  }

  .products-tab-narrow {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .products-tab-narrow.zacusca {
    width: 600px;
  }

  .image-soy {
    width: 120px;
    max-width: 116px;
  }

  .image-pasta {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-bottle {
    height: 200px;
  }

  .image-mustards {
    width: auto;
    max-width: none;
    height: 180px;
  }

  .green-ketchups-sub {
    font-size: 38px;
    line-height: 40px;
  }

  .image-zacusca {
    width: auto;
    height: 350px;
  }

  .product-sub-mobile {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .image-mobile {
    width: auto;
    height: 350px;
  }

  .leafs {
    margin-bottom: -15px;
    margin-left: auto;
    margin-right: auto;
  }

  .title-section-home {
    background-image: url('../images/Shadow_2.jpg');
    background-repeat: no-repeat;
    background-size: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-text-box-2 {
    color: var(--yellow-green);
    width: 660px;
    font-family: Caveat, sans-serif;
  }

  .container-9 {
    width: 450px;
  }

  .section-10 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .about-container {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .about-container-l1 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .home-container-l2 {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-left: 0;
  }

  .youtube {
    margin-left: auto;
    margin-right: auto;
  }

  .home-l2-text {
    width: 100%;
  }

  .home-container-l1 {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }

  .section-12 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-l1-section {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .about-garden-image {
    width: 90%;
    height: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .gardens-l1-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .gardens-l1-container {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }

  .gardens-subtitle {
    margin-bottom: 0;
  }

  .gardens-text-box {
    margin-left: auto;
    margin-right: auto;
  }

  .gardens-small-title {
    width: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    line-height: 24px;
  }

  .gardens-end {
    text-align: left;
    width: auto;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
  }

  .ketchups-title {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 60px;
    line-height: 64px;
  }

  .ketchups-subtitle {
    white-space: normal;
    width: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
    line-height: 28px;
  }

  .production-text-l1 {
    width: auto;
    margin-bottom: 0;
    font-size: 16px;
  }

  .image-15 {
    width: 550px;
  }

  .about-l1-section-copy {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .gardens-l2-section {
    background-image: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .production-l2-section {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-13 {
    margin-bottom: 10px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .factories-image {
    width: 90%;
    height: auto;
    margin-bottom: 0;
  }

  .contacts-l1-section {
    background-image: none;
    padding-top: 40px;
  }

  .contact-title {
    font-size: 24px;
    font-weight: 300;
  }

  .contact-info {
    font-size: 18px;
  }

  .catalog-link {
    margin-bottom: 5px;
  }

  .cg-description {
    white-space: normal;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .cg-sub {
    font-size: 38px;
    line-height: 40px;
  }

  .cg-title {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 60px;
    line-height: 64px;
  }

  .cg-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .products-tab-narrow-cg {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .products-tab-narrow-cg.zacusca {
    width: 600px;
  }

  .fg-title {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 60px;
    line-height: 64px;
  }

  .fg-subtitle {
    white-space: normal;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
  }

  .fg-description {
    white-space: normal;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .fg-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-desk {
    width: 250px;
    height: auto;
  }

  .mustards-title {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    line-height: 70px;
  }

  .product-description {
    margin-bottom: 30px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
  }

  .advantages-text {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
  }

  .garden-image-2 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .gourmet-description {
    white-space: normal;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }

  .groumet-sub {
    font-size: 34px;
  }

  .header-description {
    white-space: normal;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }

  .header-description.soy-sauce, .header-description.kulinaria {
    width: 100%;
  }

  .product-sub-big {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 20px;
  }

  .product-sub-long {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
  }

  .product-sub-mobile-long {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .container-11 {
    float: none;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch space-between;
    align-items: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
  }

  .container-12 {
    flex: 0 auto;
    order: -1;
    align-self: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .image-16 {
    float: left;
    clear: none;
    margin: 0 auto 20px;
    display: block;
    position: static;
  }

  .container-13 {
    order: 1;
    width: 250px;
    max-width: none;
    height: 350px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .line-1.simple {
    width: 2px;
    height: 25px;
    top: 17px;
    left: -16px;
  }

  .line-2.simple {
    width: 2px;
    height: 35px;
    display: block;
    top: 12px;
  }

  .line-3.simple {
    width: 2px;
    height: 25px;
    top: 16px;
    right: -16px;
  }

  .image-deroniko-250, .image-deroniko-500, .image-deroniko-ketchup {
    width: auto;
    max-width: 100%;
  }

  .products-deroniko {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-deroniko {
    align-self: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 60px;
    line-height: 60px;
  }

  .heading-velika {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    line-height: 70px;
  }

  .velika-sub {
    font-size: 38px;
    line-height: 40px;
  }

  .image-coarsely {
    width: 250px;
    height: auto;
  }

  .image-balsamico {
    height: 200px;
  }

  .balsamico-sub, .velika-zacusca-sub {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
  }

  .hero-title-bg {
    margin-bottom: 0;
    font-size: 46px;
  }

  .navigation-bg {
    width: 100%;
    display: flex;
  }

  .home-text-box-2-bg {
    color: var(--yellow-green);
    width: 660px;
    font-family: Amatic SC, sans-serif;
    font-size: 36px;
  }

  .l2-text-bg {
    width: auto;
  }

  .home-container-l2-bg {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
  }

  .hero-image-section-bg {
    width: 90%;
    height: auto;
  }

  .title-section-home-bg {
    background-image: url('../images/Shadow_2.jpg');
    background-repeat: no-repeat;
    background-size: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .catalog-link-bg {
    margin-bottom: 10px;
  }

  .gardens-subtitle-bg {
    margin-bottom: 0;
  }

  .gardens-small-title-bg {
    aspect-ratio: auto;
    width: auto;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    line-height: 28px;
  }

  .gardens-small-title-bg.tablet {
    width: 300px;
  }

  .gardens-text-box-bg {
    margin-left: auto;
    margin-right: auto;
  }

  .gardens-l1-section-bg {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .gardens-l1-container-bg {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }

  .about-garden-image-bg {
    width: 90%;
    height: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .gardens-container-bg {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .greenhouse-image {
    order: 1;
    width: 250px;
    max-width: none;
    height: 350px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .greenhouse-text-bg {
    flex-direction: column;
    flex: 0 auto;
    order: -1;
    align-self: auto;
    align-items: flex-start;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .about-container-copy, .about-container-bg {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .about-small-title-bg {
    margin-bottom: 0;
    font-size: 28px;
  }

  .text-span-3 {
    font-weight: 400;
  }

  .products-header-bg {
    padding-bottom: 0;
  }

  .heading-bg {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    line-height: 70px;
  }

  .foods-sub-bg {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 34px;
  }

  .head-description-bg {
    width: 100%;
  }

  .foods-buttons-bg._2, .foods-buttons-bg._3, .foods-buttons-bg._4, .foods-buttons-bg._5, .foods-buttons-bg._6, .foods-buttons-bg._7, .foods-buttons-bg._8, .foods-buttons-bg._9, .foods-buttons-bg._10, .foods-buttons-bg._1, .foods-buttons-bg._11, .foods-buttons-bg._12, .foods-buttons-bg._13, .foods-buttons-bg._14, .foods-buttons-bg._17, .foods-buttons-bg._18 {
    border-radius: 20px;
  }

  .greenhouse-contaner-bg {
    float: none;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch space-between;
    align-items: center;
    max-width: none;
    margin: 10px auto;
    padding-left: 0;
    display: flex;
  }

  .title-foods-bg {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    line-height: 70px;
  }

  .products-subtitle-bg {
    padding-top: 20px;
    font-size: 40px;
  }

  .products-title-bg {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 50px;
    line-height: 60px;
  }

  .products-title-bg.ajvar-kulinaria-bg, .products-title-bg.ajvar-velika-bg, .products-title-bg.ajvar-deroni-bg {
    width: auto;
  }

  .products-description-bg {
    white-space: normal;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    font-weight: 200;
  }

  .products-description-bg.coarsely {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .buttitle-bg {
    font-size: 16px;
  }

  .description-text-bg {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 300;
    line-height: 20px;
  }

  .advantages-text-bg {
    letter-spacing: 0;
    text-indent: 0;
    font-size: 22px;
  }

  .products-tab-bg-old {
    display: flex;
  }

  .tabs-menu-bg {
    margin-left: auto;
    margin-right: auto;
  }

  .tabs-menu-bg.deroniko-bg {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .tabs-menu-bg.hot-sauces-bg {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-bg.sauces-bg {
    margin-left: auto;
    margin-right: auto;
  }

  .tabs-menu-bg.green-ketchup-bg {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-bg.soy-sauces-bg {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 650px;
  }

  .tabs-menu-bg.ketchup-bg {
    width: auto;
  }

  .products-main-tab-bg {
    grid-template-rows: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .products-main-tab-bg.hot-sauces-bg {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .image-desk-bg {
    width: 250px;
    height: 100%;
  }

  .image-menu-bg {
    width: auto;
    max-width: none;
    height: 320px;
  }

  .image-menu-bg.mustards-bg {
    height: 150px;
  }

  .image-menu-bg.sauces-bg {
    height: 240px;
  }

  .image-menu-bg.coarsely-bg {
    height: 200px;
  }

  .image-menu-bg.green-ketchup-bg {
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .image-menu-bg.soy-sauces-bg {
    height: 280px;
  }

  .image-menu-bg.tablet {
    height: 220px;
  }

  .products-button-bg {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .products-button-bg.w--current {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .products-button-bg.ajvar.w--current {
    width: 200px;
  }

  .products-button-bg.velika, .products-button-bg.velika.w--current {
    width: 300px;
  }

  .products-button-bg.mustards-bg {
    width: 150px;
  }

  .products-button-bg.hot-sauces-bg, .products-button-bg.sauces-bg {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .products-button-bg.sauces-bg.w--current {
    flex: 0 auto;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .products-button-bg.coarsely-bg, .products-button-bg.tablet {
    padding-left: 0;
    padding-right: 0;
  }

  .products-button-bg.tablet.w--current {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .product-sub-mobile-bg {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .production-text-l1-bg {
    width: auto;
    margin-bottom: 0;
    font-size: 16px;
  }

  .production-titles-2-bg {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 32px;
  }

  .hero-image-factory-bg {
    height: auto;
    margin-bottom: 0;
  }

  .foods-grid-bg, .foods-grid-eng {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .contacts-l1-section-bg {
    background-image: none;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .hero-image-bg {
    height: auto;
  }

  .catalog-link-2 {
    margin-bottom: 10px;
  }

  .image-sauces-glass {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .products-button-copy {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .products-button-copy.w--current {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .products-button-copy.ajvar.w--current {
    width: 200px;
  }

  .products-button-copy.velika, .products-button-copy.velika.w--current {
    width: 300px;
  }

  .sauces-pvc {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-deroniko-sauce {
    width: auto;
    max-width: 100%;
  }

  .footer-bg {
    padding-left: 0%;
    padding-right: 0%;
  }

  .product-sub-v2 {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
  }

  .advantages-text-v2 {
    letter-spacing: 0;
    text-indent: 0;
  }

  .landing-page {
    background-image: url('../images/Shadow_2.jpg');
    background-repeat: no-repeat;
    background-size: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block, .link-block-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-catalogs {
    width: 100%;
  }

  .section-catalogs, .catalogs-title {
    width: auto;
  }

  .container-16 {
    width: auto;
    max-width: none;
  }

  .catalogs-subtitle {
    width: auto;
  }

  .container-17 {
    max-width: none;
  }

  .prodtext {
    font-size: 18px;
  }

  .prodmaintab-new {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .prodtitle {
    width: 80%;
  }

  .proddescription {
    width: 90%;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
  }

  .prodadvtext {
    letter-spacing: 0;
    text-indent: 0;
  }

  .prodinfobox {
    width: auto;
  }

  .containertabs {
    justify-content: space-between;
    align-items: center;
    max-width: 95%;
    display: block;
  }

  .section-prodphone {
    display: none;
  }

  .contprodphone {
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .proddescription-phone {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
  }

  .prodadvtext-phone {
    letter-spacing: 0;
    text-indent: 0;
  }

  .prodimagephone {
    width: auto;
    height: 350px;
  }

  .image-21 {
    margin-top: -69px;
  }

  .pizza-sauce-header {
    margin-top: -28px;
  }

  .products-header-land {
    padding-bottom: 0;
  }

  .header-handwrite {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 32px;
  }

  .header-handwrite.sfm {
    width: 450px;
  }

  .kulinaria-ps-image {
    margin-top: -69px;
  }

  .soy-pet-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .products-tab-bg {
    width: 100%;
  }

  .prodtitle-bg {
    width: 80%;
  }

  .proddescription-bg {
    width: 90%;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
  }

  .prodadvtext-bg {
    letter-spacing: 0;
    text-indent: 0;
  }

  .prodtext-bg {
    font-size: 18px;
  }

  .menu-link-bg {
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
  }

  .section-prodphone-bg {
    display: none;
  }

  .products-header-new-bg {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .heading-prod-bg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    line-height: 70px;
  }

  .heading-prod-bg.sfm {
    width: 450px;
  }

  .header-handwrite-bg {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 44px;
  }

  .header-handwrite-bg.sfm {
    width: 450px;
  }

  .header-description-bg {
    white-space: normal;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }

  .header-description-bg.soy-sauce, .header-description-bg.kulinaria {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-bottom: 0;
  }

  .title {
    margin-bottom: 20px;
    display: none;
  }

  .container-large {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-container {
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    margin: 0 auto;
  }

  .navigation {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .brand {
    align-self: auto;
    margin-top: auto;
    margin-bottom: 0;
    display: flex;
  }

  .hero-image-section {
    width: 95%;
    height: 100%;
    margin-top: 0;
  }

  .hero-image {
    height: auto;
  }

  .tabs-menu {
    margin-bottom: 20px;
  }

  .story-grid {
    grid-column-gap: 20px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    margin-bottom: 40px;
    display: grid;
  }

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

  .instagram-wrap {
    height: 350px;
  }

  .content-image-01 {
    margin-right: 10px;
    bottom: 0;
  }

  .content-image-02 {
    margin-left: 10px;
    top: 0;
  }

  .hero-cover {
    height: auto;
  }

  .footer {
    padding-left: 0%;
    padding-right: 0%;
  }

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

  .hero-content-wrapper {
    margin-bottom: 0;
  }

  ._404-section, .password-section {
    min-height: 550px;
  }

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

  .menu-wrapper {
    padding-top: 0;
  }

  .blog-post-grid {
    grid-template-columns: 1fr;
  }

  .contact-detail-section {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .about-content-grid, .ingredient-grid, .collection-list {
    grid-template-columns: 1fr;
  }

  .products-header {
    background-image: none;
    margin-top: 0;
    padding-left: 2%;
    padding-right: 2%;
  }

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

  .special-grid {
    grid-column-gap: 40px;
  }

  .content-grid-section {
    padding: 40px;
  }

  .food-image-01 {
    bottom: 0;
  }

  .food-image-02 {
    top: 0;
  }

  .content-grid-section-reversed {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr .75fr;
    justify-items: stretch;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .image {
    max-height: 80%;
    margin: 15px auto 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tabs-menu-2 {
    flex-wrap: nowrap;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .products-button {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .products-button.w--current {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-70 {
    margin-bottom: 0;
    font-size: 70px;
    line-height: 70px;
  }

  .heading-70.chunky, .heading-70.classic-sauces {
    width: 100%;
  }

  .heading-70.velika {
    align-self: center;
    width: 100%;
  }

  .products-main-tab {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }

  .image-5 {
    object-fit: scale-down;
    max-width: none;
    max-height: none;
  }

  .div-block-8 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .head-description {
    width: 100%;
  }

  .text-block-15 {
    margin-top: 32px;
  }

  .weight-phone {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .soy-sub {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }

  .green-subtitle {
    white-space: normal;
    justify-content: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .tabs {
    display: block;
  }

  .tabs-content._700.auto {
    width: auto;
  }

  .container-7 {
    display: block;
  }

  .products-phone {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 30px;
    display: flex;
  }

  .product-section-phone {
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .all-natural-ingredients-mobile {
    display: none;
  }

  .container-8 {
    margin-left: auto;
    margin-right: auto;
  }

  .from-our-gardens {
    display: none;
  }

  .menu-button-2 {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .weight-two {
    width: auto;
  }

  .products-button-20 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mustards-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    font-size: 36px;
    line-height: 30px;
  }

  .sfm-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .sfm-description {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .tabs-menu-wrap {
    flex-wrap: wrap;
    padding-left: 40px;
    padding-right: 40px;
  }

  .foods-buttons.classic-pasta, .foods-buttons.kulinaria-pasta, .foods-buttons.mustards, .foods-buttons.for-meat, .foods-buttons.bbq-grill, .foods-buttons.pizza-sauces, .foods-buttons.classic-sauces, .foods-buttons.soy-sauces, .foods-buttons.universal-saucs, .foods-buttons.gourmet-pasta, .foods-buttons._11, .foods-buttons._12, .foods-buttons._13, .foods-buttons._14, .foods-buttons.green-ketchup, .foods-buttons._18 {
    border-radius: 20px;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr;
    width: 95%;
  }

  .foods-sub {
    width: 90%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-18 {
    width: auto;
  }

  .foods-selection {
    display: none;
    overflow: visible;
  }

  .soy-sauce-products {
    background-size: 800px;
    display: none;
  }

  .bbq-grill-title {
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }

  .bbq-grill-descrption {
    width: 400px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .bbq-grill-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .products-tab {
    background-size: 800px;
    display: none;
  }

  .pizza-description {
    width: 400px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .universal-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .tabs-content-uni {
    width: auto;
  }

  .tabs-menu-uni {
    flex-wrap: nowrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .uni-sauces {
    object-fit: scale-down;
    max-width: none;
    max-height: none;
  }

  .products-button-uni {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .products-button-uni.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-uni {
    width: auto;
    max-width: 100%;
  }

  .products-tab-narrow {
    background-size: 800px;
    display: none;
  }

  .products-tab-narrow.zacusca {
    width: auto;
  }

  .image-soy {
    width: 120px;
    max-width: 100px;
  }

  .image-pasta {
    width: auto;
    max-width: 100px;
    height: auto;
  }

  .image-bottle {
    width: auto;
    max-width: 114%;
    height: 260px;
  }

  .green-ketchups-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .image-zacusca {
    object-fit: scale-down;
    max-width: none;
    max-height: none;
  }

  .product-sub-mobile {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .image-mobile {
    object-fit: scale-down;
    width: auto;
    max-width: none;
    height: 350px;
    max-height: none;
  }

  .product-title-mobile {
    font-size: 30px;
    line-height: 34px;
  }

  .prod-adv-mobile {
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
  }

  .leafs {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .hero-title-homepage {
    margin-bottom: 0;
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
  }

  .home-text-box-1 {
    width: auto;
  }

  .home-text-box-2 {
    color: var(--yellow-green);
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: Caveat, sans-serif;
    font-size: 28px;
  }

  .container-9 {
    width: 65%;
  }

  .section-10 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .about-title {
    text-align: left;
    font-weight: 300;
  }

  .about-text-box {
    text-align: left;
    width: auto;
  }

  .about-small-title {
    text-align: left;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    line-height: 32px;
  }

  .about-container {
    margin-bottom: 0;
  }

  .home-l2-text {
    margin-left: auto;
    margin-right: auto;
  }

  .about-l1-section {
    padding-top: 30px;
  }

  .about-garden-image {
    width: 90%;
    height: 100%;
    margin-top: 0;
  }

  .gardens-l1-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .gardens-l1-container {
    margin-left: auto;
    margin-right: auto;
  }

  .gardens-subtitle {
    width: auto;
    margin-bottom: 0;
  }

  .gardens-text-box {
    width: auto;
  }

  .gardens-small-title {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .gardens-accent {
    width: auto;
  }

  .gardens-end {
    margin-bottom: 20px;
  }

  .ketchups-title {
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }

  .ketchups-subtitle {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 28px;
    line-height: 24px;
  }

  .production-text-l1 {
    width: auto;
    margin-bottom: 0;
  }

  .production-text-box {
    text-align: center;
    width: auto;
  }

  .production-small-title {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .production-titles-2 {
    text-align: center;
  }

  .about-l1-section-copy {
    padding-top: 30px;
  }

  .gardens-l2-section {
    background-image: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .production-l2-section {
    margin-bottom: 40px;
    padding-top: 20px;
  }

  .section-13 {
    margin: 5px 30px 10px;
    font-size: 10px;
  }

  .factories-image {
    width: 90%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .cell-2, .cell-3, .cell-4 {
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .quick-stack {
    grid-column-gap: 20px;
    padding-bottom: 20px;
  }

  .address {
    margin-top: 60px;
  }

  .catalog-link {
    margin-bottom: 20px;
    display: none;
  }

  .cg-description {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .cg-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .cg-title {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
  }

  .cg-header {
    padding-left: 0;
    padding-right: 0;
  }

  .products-tab-narrow-cg {
    background-size: 800px;
    display: none;
  }

  .products-tab-narrow-cg.zacusca {
    width: auto;
  }

  .fg-title {
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 50px;
  }

  .fg-subtitle {
    width: 95%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 28px;
    line-height: 28px;
  }

  .fg-description {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 13px;
    line-height: 18px;
  }

  .fg-header {
    padding-left: 0;
    padding-right: 0;
  }

  .image-desk {
    object-fit: scale-down;
    max-width: none;
    max-height: none;
  }

  .mustards-title {
    margin-bottom: 10px;
    font-size: 70px;
    line-height: 60px;
  }

  .product-description, .advantages-text {
    font-size: 14px;
    line-height: 18px;
  }

  .garden-image-2 {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }

  .gourmet-description {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .groumet-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .header-description {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .header-description.spicyhot {
    width: 90%;
  }

  .header-description.mustards {
    width: auto;
  }

  .header-description.pizza-sauce, .header-description.sfm, .header-description.soy-pet, .header-description.deroniko, .header-description.bruschetta {
    width: 100%;
  }

  .product-sub-mobile-long {
    font-size: 14px;
    line-height: 20px;
  }

  .container-11 {
    display: block;
  }

  .image-16 {
    width: 260px;
    height: 170px;
  }

  .container-13 {
    display: none;
  }

  .image-deroniko-250, .image-deroniko-500, .image-deroniko-ketchup {
    width: auto;
    max-width: 100px;
    height: auto;
  }

  .products-deroniko {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .products-deroniko.w--current {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-deroniko {
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }

  .heading-velika {
    margin-bottom: 10px;
    font-size: 70px;
    line-height: 60px;
  }

  .velika-sub {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .image-coarsely {
    object-fit: scale-down;
    max-width: none;
    max-height: none;
  }

  .image-balsamico {
    width: auto;
    max-width: 114%;
    height: 260px;
  }

  .chili-paste {
    object-fit: scale-down;
    max-width: none;
    max-height: none;
  }

  .hero-title-bg {
    font-size: 50px;
    line-height: 50px;
  }

  .navigation-bg {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .l1-text-bg {
    width: auto;
    margin-top: 20px;
  }

  .home-text-box-2-bg {
    color: var(--yellow-green);
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: Amatic SC, sans-serif;
    font-size: 36px;
    line-height: 36px;
  }

  .l2-text-bg {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-image-section-bg {
    width: 95%;
    height: 100%;
    margin-top: 0;
  }

  .address-bg {
    margin-top: 60px;
    padding-left: 0;
  }

  .catalog-link-bg {
    margin-bottom: 20px;
    display: none;
  }

  .body-small-bg {
    font-weight: 400;
  }

  .gardens-subtitle-bg {
    width: auto;
    margin-bottom: 0;
  }

  .gardens-small-title-bg {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .gardens-small-title-bg.tablet {
    width: auto;
    margin-left: 0;
  }

  .gardens-text-box-bg {
    width: auto;
  }

  .gardens-l1-section-bg {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .gardens-l1-container-bg {
    margin-left: auto;
    margin-right: auto;
  }

  .about-garden-image-bg {
    width: 90%;
    height: 100%;
    margin-top: 0;
  }

  .gardens-container-bg {
    margin-bottom: 0;
  }

  .greenhouse-image {
    display: none;
  }

  .about-container-copy, .about-container-bg {
    margin-bottom: 0;
  }

  .about-text-box-bg {
    text-align: left;
    width: auto;
  }

  .about-small-title-bg {
    text-align: left;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    line-height: 32px;
  }

  .products-header-bg {
    background-size: 800px;
    margin-top: 0;
  }

  .heading-bg {
    margin-bottom: 10px;
    font-size: 70px;
    line-height: 60px;
  }

  .foods-sub-bg {
    width: 460px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 34px;
    line-height: 36px;
  }

  .head-description-bg {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
  }

  .foods-buttons-bg._2, .foods-buttons-bg._3, .foods-buttons-bg._4, .foods-buttons-bg._5, .foods-buttons-bg._6, .foods-buttons-bg._7, .foods-buttons-bg._8, .foods-buttons-bg._9, .foods-buttons-bg._10, .foods-buttons-bg._1, .foods-buttons-bg._11, .foods-buttons-bg._12, .foods-buttons-bg._13, .foods-buttons-bg._14, .foods-buttons-bg._17, .foods-buttons-bg._18 {
    border-radius: 20px;
  }

  .greenhouse-contaner-bg {
    display: block;
  }

  .title-foods-bg {
    margin-bottom: 10px;
    font-size: 70px;
    line-height: 60px;
  }

  .products-subtitle-bg {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 35px;
    line-height: 30px;
  }

  .products-subtitle-bg.ajvar-kulinaria-bg {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .products-title-bg {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 50px;
  }

  .products-title-bg.ajvar-kulinaria-bg {
    word-break: break-all;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
  }

  .products-title-bg.ajvar-velika-bg {
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
  }

  .products-title-bg.ajvar-deroni-bg {
    font-size: 40px;
    font-weight: 300;
    line-height: 46px;
  }

  .products-description-bg {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
  }

  .products-description-bg.coarsely {
    width: auto;
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .products-description-bg.ajvar-k-bg {
    word-break: normal;
    width: auto;
  }

  .advantages-bg {
    letter-spacing: 1px;
    height: 30px;
    padding-right: 0;
  }

  .products-tab-bg-old {
    background-size: 800px;
    display: none;
  }

  .tabs-menu-bg {
    flex-wrap: nowrap;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .products-main-tab-bg {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }

  .image-desk-bg {
    object-fit: scale-down;
    max-width: none;
    max-height: none;
  }

  .image-menu-bg {
    width: auto;
    max-width: 100px;
    height: auto;
  }

  .container-prod-bg, .tabs-bg {
    display: block;
  }

  .products-button-bg {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .products-button-bg.w--current {
    padding-left: 15px;
    padding-right: 15px;
  }

  .product-title-mobile-bg {
    color: #686868;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-family: Sofia Sans Condensed, sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 40px;
  }

  .product-sub-mobile-bg {
    margin-bottom: 20px;
    font-family: Sofia Sans Condensed, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
  }

  .prod-adv-mobile-bg {
    text-transform: none;
    margin-top: 10px;
    font-family: Sofia Sans Condensed, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
  }

  .production-text-l1-bg {
    width: auto;
    margin-bottom: 0;
  }

  .production-titles-2-bg {
    text-align: center;
    width: auto;
  }

  .hero-image-factory-bg {
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .contact-detail-section-bg {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .contacts-l1-section-bg {
    padding-bottom: 0;
  }

  .hero-image-bg {
    height: auto;
  }

  .catalog-link-2 {
    margin-bottom: 20px;
    display: none;
  }

  .image-sauces-glass {
    width: auto;
    max-width: 100px;
    height: auto;
  }

  .products-button-copy {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .products-button-copy.w--current {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sauces-pvc, .image-deroniko-sauce {
    width: auto;
    max-width: 100px;
    height: auto;
  }

  .footer-bg {
    padding-left: 0%;
    padding-right: 0%;
  }

  .heading-71 {
    margin-top: 10px;
    line-height: 40px;
  }

  .image-19 {
    overflow: visible;
  }

  .section-catalogs {
    display: none;
  }

  .tabs-menu-new {
    flex-wrap: nowrap;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .prodmaintab-new {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 1;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .prodtitle {
    text-align: center;
  }

  .proddescription {
    text-align: center;
    align-self: auto;
    width: 100%;
    line-height: 24px;
  }

  .advantagesnew {
    display: block;
  }

  .prodadvtext {
    text-align: center;
    display: block;
  }

  .prodinfobox {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 90%;
    max-width: none;
  }

  .prodimagebox {
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: 20px;
  }

  .containertabs {
    display: block;
  }

  .section-prodphone {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .contprodphone {
    flex: 1;
    display: block;
  }

  .flex-block-6, .prodinfoboxphone {
    justify-content: center;
    align-items: center;
  }

  .proddescription-phone, .prodadvtext-phone {
    text-align: center;
  }

  .prodimagephone {
    object-fit: scale-down;
    align-self: center;
    width: 210px;
    max-width: none;
    height: auto;
    max-height: none;
    display: block;
  }

  .prodphoneflex {
    justify-content: center;
    align-items: center;
  }

  .image-21 {
    margin-top: -93px;
  }

  .pizza-sauce-header {
    margin-top: -21px;
    margin-bottom: 0;
  }

  .products-header-land {
    background-size: 800px;
    margin-top: 0;
  }

  .header-handwrite {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .kulinaria-ps-image {
    margin-top: -6px;
  }

  .image-23 {
    margin-top: -6px;
    margin-bottom: -13px;
  }

  .image-24 {
    margin-bottom: -12px;
  }

  .soy-pet-sub {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }

  .products-tab-bg {
    background-size: 800px;
    display: none;
  }

  .prodtitle-bg {
    text-align: center;
  }

  .proddescription-bg {
    text-align: center;
    align-self: auto;
    width: 100%;
    line-height: 24px;
  }

  .advantagesnew-bg {
    display: block;
  }

  .prodadvtext-bg {
    text-align: center;
    display: block;
  }

  .section-prodphone-bg {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .products-header-new-bg {
    background-image: none;
    margin-top: 0;
    padding-left: 2%;
    padding-right: 2%;
  }

  .heading-prod-bg {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 70px;
    line-height: 70px;
  }

  .heading-prod-bg.chunky, .heading-prod-bg.classic-sauces {
    width: 100%;
  }

  .heading-prod-bg.velika {
    align-self: center;
    width: 100%;
  }

  .header-handwrite-bg {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 44px;
    line-height: 30px;
  }

  .header-description-bg {
    width: 95%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .header-description-bg.spicyhot {
    width: 90%;
  }

  .header-description-bg.mustards {
    width: auto;
  }

  .header-description-bg.pizza-sauce, .header-description-bg.sfm, .header-description-bg.soy-pet, .header-description-bg.deroniko, .header-description-bg.bruschetta {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .hero-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 50px;
  }

  .body-normal-300 {
    line-height: 24px;
  }

  .title {
    margin-bottom: 20px;
    font-size: 14px;
    display: none;
  }

  .template-detail-block {
    padding: 0;
  }

  .container-large {
    text-align: left;
    max-width: none;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .navigation-container {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .brand.w--current {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu {
    padding-left: 10px;
  }

  .hero-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-image-section {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-image {
    height: auto;
    overflow: visible;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .story-grid, .instagram-grid, .team-grid {
    grid-template-columns: 1fr;
  }

  .image-wrapper {
    flex-direction: row;
  }

  .content-image-01 {
    margin-right: 0;
    bottom: 0;
  }

  .content-image-02 {
    margin-left: 0;
    top: 0;
  }

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

  .footer {
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

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

  .about-image-grid {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .menu-title-wrapper {
    margin-bottom: 10px;
  }

  .blog-article-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .menu-image-grid {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .blog-header-wrapper {
    height: 280px;
  }

  .blog-content-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .author-card {
    flex-wrap: wrap;
  }

  .products-header {
    background-image: linear-gradient(to bottom, null, null);
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 10px;
  }

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

  .special-section {
    padding-bottom: 40px;
  }

  .content-grid-section, .content-grid-section-reversed {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr;
  }

  .image {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tabs-menu-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .heading-70 {
    text-align: center;
    width: auto;
    margin-bottom: 0;
    font-size: 44px;
    font-weight: 300;
    line-height: 42px;
  }

  .heading-70.chunky {
    font-size: 50px;
    line-height: 50px;
  }

  .heading-70.sfm {
    width: 100%;
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
  }

  .products-main-tab {
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .image-5 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .product-title {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
  }

  .product-sub {
    text-align: center;
    margin-bottom: 20px;
  }

  .div-block-8 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .body-small-300-left {
    text-align: center;
  }

  .text-block-12.advantages {
    text-align: center;
    width: 160px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .head-description {
    text-align: center;
    width: 95%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .head-description.info {
    width: 95%;
    margin-top: 40px;
  }

  .text-block-15 {
    margin-top: 43px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .image-6 {
    width: 500px;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .weight-phone {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
  }

  .soy-sub {
    text-align: center;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .green-subtitle {
    text-align: center;
    white-space: normal;
    width: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 18px;
    display: block;
  }

  .tabs {
    justify-content: center;
    align-items: stretch;
    display: block;
    overflow: visible;
  }

  .products-phone {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .product-section-phone {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .container-8 {
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .weight-two {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
  }

  .mustards-sub {
    text-align: center;
    width: auto;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 26px;
  }

  .our-foods-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 50px;
  }

  .sfm-sub {
    text-align: center;
    width: 98%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }

  .sfm-description {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .tabs-menu-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .hero-section-home {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-title-home {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 50px;
  }

  .foods-buttons.classic-pasta {
    background-size: 200px;
    border-radius: 20px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons.kulinaria-pasta {
    background-repeat: repeat;
    background-size: 200px;
    border-radius: 20px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons.mustards, .foods-buttons.for-meat, .foods-buttons.bbq-grill, .foods-buttons.pizza-sauces, .foods-buttons.classic-sauces {
    background-size: 200px;
    border-radius: 20px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons.soy-sauces, .foods-buttons.universal-saucs, .foods-buttons.gourmet-pasta {
    background-size: 200px;
    border-radius: 20px;
    width: 220px;
    height: 120px;
  }

  .foods-buttons._11, .foods-buttons._12, .foods-buttons._13, .foods-buttons._14 {
    border-radius: 20px;
    width: 220px;
    height: 120px;
  }

  .foods-buttons.spicy-hot {
    background-size: 200px;
    width: 220px;
    height: 120px;
  }

  .foods-buttons.green-ketchup, .foods-buttons._18 {
    background-size: 200px;
    border-radius: 20px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons._19 {
    background-size: 200px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons._20 {
    width: 220px;
    height: 120px;
  }

  .foods-buttons.deroniko, .foods-buttons.ajvar-kulinaria {
    background-size: 200px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons.ajvar-deroni, .foods-buttons.ajvar-velika, .foods-buttons.zacusca-deroni {
    background-size: 200px;
    width: 220px;
    height: 120px;
  }

  .foods-buttons.zacusca-velika, .foods-buttons.velika {
    background-size: 200px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons.balsamico {
    background-size: 200px;
    width: 220px;
    height: 120px;
  }

  .foods-buttons.finely-ground, .foods-buttons.spicy-sauces, .foods-buttons.all-season, .foods-buttons.sauces {
    background-size: 200px;
    width: 220px;
    height: 125px;
  }

  .foods-buttons.soy-teriyaki, .foods-buttons.mayo, .foods-buttons.bruschetta, .foods-buttons.horeca {
    width: 220px;
    height: 125px;
  }

  .section-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-3 {
    grid-template-columns: 1fr;
    justify-items: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .foods-sub {
    text-align: center;
    width: 90%;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 26px;
  }

  .div-block-18 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-20 {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .soy-sauce-products {
    display: none;
  }

  .bbq-grill-title {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    font-size: 44px;
    font-weight: 300;
    line-height: 42px;
  }

  .bbq-grill-descrption {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .bbq-grill-sub {
    text-align: center;
    width: 98%;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .products-tab {
    display: none;
  }

  .pizza-description {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .universal-sub {
    text-align: center;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 26px;
  }

  .tabs-menu-uni {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .uni-sauces {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .products-tab-narrow {
    display: none;
  }

  .green-ketchups-sub {
    text-align: center;
    width: 98%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }

  .image-zacusca {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .product-sub-mobile {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .image-mobile {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .product-title-mobile {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
  }

  .prod-adv-mobile {
    text-align: center;
  }

  .leafs {
    width: 100%;
    max-width: none;
    margin-bottom: -32px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .hero-title-homepage {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 300;
    line-height: 32px;
  }

  .title-section-home {
    background-size: 1000px;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 0;
  }

  .home-text-box-1 {
    text-align: center;
    margin-bottom: 10px;
  }

  .home-text-box-2 {
    text-align: center;
    font-size: 26px;
    line-height: 28px;
  }

  .container-9 {
    width: 90%;
  }

  .section-10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-title-homepage-copy {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 50px;
  }

  .about-title {
    text-align: left;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    line-height: 42px;
  }

  .about-small-title {
    line-height: 32px;
  }

  .home-container-l2 {
    padding-top: 10px;
  }

  .home-l2-text {
    text-align: center;
    white-space: normal;
    font-size: 14px;
  }

  .about-l1-section {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .about-garden-image {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .gardens-l1-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .deroni-title {
    margin-bottom: 20px;
    line-height: 50px;
  }

  .gardens-subtitle {
    text-align: left;
    margin-bottom: 10px;
  }

  .gardens-titles-2 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 34px;
  }

  .gardens-small-title {
    margin-bottom: 10px;
    line-height: 24px;
  }

  .gardens-end {
    margin-bottom: 20px;
  }

  .ketchups-title {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 300;
    line-height: 42px;
  }

  .ketchups-subtitle {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }

  .production-text-l1, .production-text-box {
    text-align: center;
    font-size: 14px;
  }

  .production-small-title {
    margin-bottom: 10px;
    line-height: 24px;
  }

  .production-titles-2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 34px;
  }

  .production-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 70px;
    line-height: 60px;
  }

  .gardens-title {
    text-align: left;
    margin-bottom: 30px;
    font-size: 65px;
    line-height: 55px;
  }

  .about-l1-section-copy {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
  }

  .gardens-l2-section {
    background-image: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .production-l2-section {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-13 {
    display: none;
  }

  .factories-image {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .contacts-l1-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .address {
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .catalog-link {
    margin-bottom: 20px;
    font-size: 14px;
    display: none;
  }

  .cg-description {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .cg-sub {
    text-align: center;
    width: 98%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }

  .cg-title {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 300;
    line-height: 42px;
  }

  .cg-header {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .products-tab-narrow-cg {
    display: none;
  }

  .fg-title {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
    font-size: 46px;
    font-weight: 200;
    line-height: 48px;
  }

  .fg-subtitle {
    text-align: center;
    width: 90%;
    padding-bottom: 0;
    font-size: 26px;
    line-height: 32px;
  }

  .fg-description {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .fg-header {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .image-desk {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .mustards-title {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    font-size: 44px;
    font-weight: 300;
    line-height: 42px;
  }

  .product-description {
    text-align: center;
    margin-bottom: 20px;
  }

  .advantages-text {
    text-align: center;
  }

  .garden-image-2 {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .gourmet-description {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .groumet-sub {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }

  .header-description {
    text-align: center;
    width: 95%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .header-description.sfm {
    width: 95%;
  }

  .header-description.soy-pet, .header-description.bruschetta {
    width: 90%;
  }

  .product-sub-big, .product-sub-long {
    text-align: center;
    margin-bottom: 20px;
  }

  .product-sub-mobile-long {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .container-11 {
    display: block;
  }

  .image-16 {
    width: 250px;
    height: 165px;
  }

  .simple-menu-button {
    width: 50px;
    height: 50px;
    font-size: 12px;
  }

  .heading-deroniko, .heading-velika {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    font-size: 44px;
    font-weight: 300;
    line-height: 42px;
  }

  .velika-sub {
    text-align: center;
    width: 98%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }

  .image-coarsely {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .balsamico-sub {
    text-align: center;
    margin-bottom: 20px;
  }

  .chili-paste {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .velika-zacusca-sub {
    text-align: center;
    margin-bottom: 20px;
  }

  .hero-title-bg {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 32px;
  }

  .l1-text-bg {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .home-text-box-2-bg {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Amatic SC, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 36px;
  }

  .l2-text-bg {
    text-align: center;
    white-space: normal;
    font-size: 14px;
  }

  .home-container-l2-bg {
    padding-top: 10px;
  }

  .hero-image-section-bg {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .title-section-home-bg {
    background-size: 1000px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 0;
  }

  .address-bg {
    margin-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
  }

  .catalog-link-bg {
    margin-bottom: 20px;
    font-size: 14px;
    display: none;
  }

  .gardens-title-bg {
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 50px;
  }

  .gardens-titles-2-bg {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .gardens-small-title-bg {
    text-align: center;
    margin-bottom: 10px;
    line-height: 30px;
  }

  .gardens-small-title-bg.tablet {
    text-align: center;
    line-height: 30px;
  }

  .gardens-text-box-bg {
    text-align: center;
  }

  .gardens-l1-section-bg {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .about-garden-image-bg {
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .about-title-bg {
    text-align: left;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 37px;
    line-height: 42px;
  }

  .about-small-title-bg {
    line-height: 32px;
  }

  .products-header-bg {
    background-size: 600px;
    margin-top: 0;
    padding-bottom: 10px;
  }

  .heading-bg {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    font-size: 46px;
    font-weight: 300;
    line-height: 46px;
  }

  .foods-sub-bg {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .head-description-bg {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
  }

  .foods-comment-bg {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .foods-buttons-bg._2, .foods-buttons-bg._3, .foods-buttons-bg._4, .foods-buttons-bg._5, .foods-buttons-bg._6, .foods-buttons-bg._7, .foods-buttons-bg._8, .foods-buttons-bg._9, .foods-buttons-bg._10, .foods-buttons-bg._1, .foods-buttons-bg._11, .foods-buttons-bg._12, .foods-buttons-bg._13, .foods-buttons-bg._14 {
    border-radius: 20px;
    width: 220px;
    height: 120px;
  }

  .foods-buttons-bg._15 {
    width: 220px;
    height: 120px;
  }

  .foods-buttons-bg._17, .foods-buttons-bg._18 {
    border-radius: 20px;
    width: 220px;
    height: 120px;
  }

  .foods-buttons-bg._19, .foods-buttons-bg._20, .foods-buttons-bg.deroniko, .foods-buttons-bg.ajvar-kulinaria, .foods-buttons-bg.ajvar-deroni, .foods-buttons-bg.ajvar-velika, .foods-buttons-bg.zacusca-deroni, .foods-buttons-bg.zacusca-velika, .foods-buttons-bg.velika, .foods-buttons-bg.balsamico, .foods-buttons-bg.finely-ground, .foods-buttons-bg.spicy-sauces {
    width: 220px;
    height: 120px;
  }

  .greenhouse-contaner-bg {
    display: block;
  }

  .title-foods-bg {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    font-size: 46px;
    font-weight: 300;
    line-height: 46px;
  }

  .products-subtitle-bg {
    text-align: center;
    width: 90%;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 28px;
    line-height: 28px;
  }

  .products-title-bg {
    float: none;
    clear: none;
    text-align: center;
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    overflow-wrap: normal;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
  }

  .products-title-bg.ajvar-kulinaria-bg {
    box-sizing: border-box;
    aspect-ratio: auto;
    word-break: normal;
    overflow-wrap: anywhere;
    object-fit: fill;
    width: 90%;
    min-width: auto;
    height: auto;
    min-height: auto;
    font-size: 40px;
    line-height: 40px;
  }

  .products-title-bg.ajvar-velika-bg {
    font-size: 24px;
    line-height: 26px;
  }

  .products-title-bg.ajvar-deroni-bg {
    font-size: 30px;
    line-height: 34px;
  }

  .products-description-bg {
    text-align: center;
    width: 90%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .products-description-bg.coarsely {
    width: 90%;
  }

  .description-title-bg {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
  }

  .description-text-bg {
    text-align: center;
    margin-bottom: 20px;
  }

  .advantages-bg {
    text-align: center;
    letter-spacing: 1px;
    width: 160px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 5px;
    padding-right: 0;
    font-size: 20px;
    display: block;
  }

  .advantages-bg.advantages {
    text-align: center;
    width: 160px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .advantages-text-bg {
    text-align: center;
  }

  .products-tab-bg-old {
    display: none;
  }

  .tabs-menu-bg {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .products-main-tab-bg {
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .image-desk-bg {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .tabs-bg {
    justify-content: center;
    align-items: stretch;
    display: block;
    overflow: visible;
  }

  .product-title-mobile-bg {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
  }

  .product-sub-mobile-bg {
    text-align: center;
    width: 90%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 24px;
  }

  .prod-adv-mobile-bg {
    text-align: center;
    margin-top: 10px;
    line-height: 24px;
  }

  .production-title-bg {
    text-align: center;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
  }

  .production-text-l1-bg {
    text-align: center;
    font-size: 14px;
  }

  .production-titles-2-bg {
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
  }

  .hero-image-factory-bg {
    height: auto;
    overflow: visible;
  }

  .foods-grid-bg, .foods-grid-eng {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contacts-title-bg {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 50px;
  }

  .contacts-l1-section-bg {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-image-bg {
    height: auto;
    overflow: visible;
  }

  .catalog-link-2 {
    margin-bottom: 20px;
    font-size: 14px;
    display: none;
  }

  .pvc-sauces-info {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .footer-bg {
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .prod-info {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .product-title-v2 {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
  }

  .product-sub-v2 {
    text-align: center;
    margin-bottom: 20px;
  }

  .advantages-text-v2 {
    text-align: center;
  }

  .heading-71 {
    margin-top: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .landing-page {
    background-size: 1000px;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 0;
  }

  .image-17 {
    width: 70%;
    margin-top: 10px;
  }

  .div-block-20 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .image-18 {
    width: 80%;
    min-width: auto;
    height: auto;
  }

  .link-block, .link-block-2 {
    padding: 10px;
  }

  .tabs-menu-new {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .prodmaintab-new {
    justify-content: center;
    align-self: auto;
    align-items: center;
    padding: 0 20px 20px;
    display: flex;
  }

  .prodtitle {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 32px;
  }

  .proddescription {
    text-align: center;
    margin-bottom: 20px;
  }

  .advantagesnew.advantages {
    text-align: center;
    width: 160px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .prodadvtext {
    text-align: center;
  }

  .section-prodphone {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .proddescription-phone {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .prodadvtext-phone {
    text-align: center;
  }

  .prodimagephone {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-21 {
    margin-top: -31px;
    margin-bottom: -12px;
  }

  .pizza-sauce-header {
    margin-top: -31px;
    margin-bottom: 0;
  }

  .products-header-land {
    background-image: linear-gradient(to bottom, null, null);
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .header-handwrite {
    text-align: center;
    width: 95%;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }

  .header-handwrite.sfm {
    width: 100%;
  }

  .kulinaria-ps-image {
    margin-top: -20px;
    margin-bottom: -12px;
  }

  .image-23 {
    margin-bottom: 0;
  }

  .soy-pet-sub {
    text-align: center;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .products-tab-bg {
    display: none;
  }

  .prodtitle-bg {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 32px;
  }

  .proddescription-bg {
    text-align: center;
    margin-bottom: 20px;
  }

  .advantagesnew-bg.advantages {
    text-align: center;
    width: 160px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .prodadvtext-bg {
    text-align: center;
  }

  .section-prodphone-bg {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .products-header-new-bg {
    background-image: linear-gradient(to bottom, null, null);
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .heading-prod-bg {
    text-align: center;
    width: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 44px;
    font-weight: 300;
    line-height: 42px;
  }

  .heading-prod-bg.chunky {
    font-size: 50px;
    line-height: 50px;
  }

  .heading-prod-bg.sfm {
    width: 100%;
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
  }

  .header-handwrite-bg {
    text-align: center;
    width: 95%;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 26px;
  }

  .header-handwrite-bg.sfm {
    width: 100%;
  }

  .header-description-bg {
    text-align: center;
    width: 95%;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .header-description-bg.sfm {
    width: 95%;
  }

  .header-description-bg.soy-pet, .header-description-bg.bruschetta {
    width: 90%;
  }
}

#w-node-a49faeb6-0fd8-ae4e-e9d2-b5114406f7a7-030982f5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_34453f70-4ae8-925e-e16b-aae3489f8e4d-030982f5, #w-node-_91ae5c71-1132-a6e5-d782-54b4d233b0f2-030982f5, #w-node-_8930b789-a919-7782-1493-974acbaa3c08-030982f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36d0f4dd-a05a-be45-f6d4-1326a395961c-030982f5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a49faeb6-0fd8-ae4e-e9d2-b5114406f7a7-81540f96 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_34453f70-4ae8-925e-e16b-aae3489f8e4d-81540f96, #w-node-_91ae5c71-1132-a6e5-d782-54b4d233b0f2-81540f96, #w-node-_8930b789-a919-7782-1493-974acbaa3c08-81540f96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1fb1162d-2518-441b-ec8c-61bf56be8906-b8bdf818 {
  place-self: start center;
}

#w-node-_1fb1162d-2518-441b-ec8c-61bf56be8907-b8bdf818 {
  place-self: center start;
}

#w-node-cc32bc77-7ec1-f91c-725f-6b18c8231114-b8bdf818, #w-node-af1ab26d-e2fd-4974-a768-8ba9e6740a45-b8bdf818 {
  place-self: center;
}

#w-node-af1ab26d-e2fd-4974-a768-8ba9e6740a46-b8bdf818 {
  justify-self: auto;
}

#w-node-_43a2e07d-a319-b2a8-d9db-50e4b1af4ee6-b8bdf818 {
  place-self: center;
}

#w-node-_43a2e07d-a319-b2a8-d9db-50e4b1af4ee7-b8bdf818 {
  justify-self: auto;
}

#w-node-_8a27bc6e-5956-edf2-7deb-9d9d3312e894-b8bdf818 {
  place-self: center;
}

#w-node-_8a27bc6e-5956-edf2-7deb-9d9d3312e895-b8bdf818 {
  justify-self: auto;
}

#w-node-_04d10cd4-6c4f-345f-ed09-33b8ea98272b-b8bdf818 {
  place-self: start center;
}

#w-node-_04d10cd4-6c4f-345f-ed09-33b8ea98272c-b8bdf818 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-cd6fca17 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-cd6fca17 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-cd6fca17, #w-node-_4abd118b-f7bb-c96d-9ea2-b29d01317207-cd6fca17 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-cd6fca17 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-cd6fca17 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-cd6fca17, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-cd6fca17, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-cd6fca17 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-cd6fca17 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-cd6fca17 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-cd6fca17 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-cd6fca17, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-cd6fca17, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-cd6fca17 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-cd6fca17 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-6913fcad {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-6913fcad {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-6913fcad, #w-node-_4abd118b-f7bb-c96d-9ea2-b29d01317207-6913fcad {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-6913fcad {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-6913fcad {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-6913fcad, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-6913fcad, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-6913fcad {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-6913fcad {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-6913fcad {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-6913fcad {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-6913fcad, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-6913fcad, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-6913fcad {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-6913fcad {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-b0d1b2a0 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-b0d1b2a0 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-b0d1b2a0, #w-node-_95a9da55-726c-cb65-b192-c00fcb5f65e9-b0d1b2a0, #w-node-_4abd118b-f7bb-c96d-9ea2-b29d01317207-b0d1b2a0, #w-node-_4abd118b-f7bb-c96d-9ea2-b29d0131721f-b0d1b2a0 {
  place-self: center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d01317220-b0d1b2a0 {
  justify-self: auto;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-b0d1b2a0 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-b0d1b2a0 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-b0d1b2a0, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-b0d1b2a0, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-b0d1b2a0 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-b0d1b2a0 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-b0d1b2a0 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-b0d1b2a0 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-b0d1b2a0, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-b0d1b2a0, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-b0d1b2a0 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-b0d1b2a0 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-b53cbeb5 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-b53cbeb5 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-b53cbeb5, #w-node-b3a2aea6-c67f-6325-2964-257d15df6467-b53cbeb5 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-b53cbeb5 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-b53cbeb5 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-b53cbeb5, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-b53cbeb5, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-b53cbeb5 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-b53cbeb5 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-b53cbeb5 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-b53cbeb5 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-b53cbeb5, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-b53cbeb5, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-b53cbeb5 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-b53cbeb5 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-e88e27c1 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-e88e27c1 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-e88e27c1, #w-node-_4abd118b-f7bb-c96d-9ea2-b29d01317207-e88e27c1, #w-node-e73752c1-b5d7-223e-92d4-d1f26245be73-e88e27c1, #w-node-f5c4c867-91ea-c63e-ffab-31b61e3b6d8a-e88e27c1 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-e88e27c1 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-e88e27c1 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-e88e27c1, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-e88e27c1, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-e88e27c1 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-e88e27c1 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-e88e27c1 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-e88e27c1 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-e88e27c1, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-e88e27c1, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-e88e27c1 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-e88e27c1 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-a0bdd404 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-a0bdd404 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-a0bdd404, #w-node-_4abd118b-f7bb-c96d-9ea2-b29d01317207-a0bdd404, #w-node-e73752c1-b5d7-223e-92d4-d1f26245be73-a0bdd404, #w-node-f5c4c867-91ea-c63e-ffab-31b61e3b6d8a-a0bdd404 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-a0bdd404 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-a0bdd404 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-a0bdd404, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-a0bdd404, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-a0bdd404 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-a0bdd404 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-a0bdd404 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-a0bdd404 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-a0bdd404, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-a0bdd404, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-a0bdd404 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-a0bdd404 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-946d6470 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-946d6470 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-946d6470 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-946d6470 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-946d6470 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-946d6470, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-946d6470, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-946d6470 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-946d6470 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-946d6470 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-946d6470 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-946d6470, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-946d6470, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-946d6470 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-946d6470 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-18e10a4a {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-18e10a4a {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-18e10a4a {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-18e10a4a {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-18e10a4a {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-18e10a4a, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-18e10a4a, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-18e10a4a {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-18e10a4a {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-18e10a4a {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-18e10a4a {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-18e10a4a, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-18e10a4a, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-18e10a4a {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-18e10a4a {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-c0f04798 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-c0f04798 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-c0f04798 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-c0f04798 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-c0f04798 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-c0f04798, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-c0f04798, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-c0f04798 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-c0f04798 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-c0f04798 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-c0f04798 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-c0f04798, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-c0f04798, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-c0f04798 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-c0f04798 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-c50566c0 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-c50566c0 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-c50566c0, #w-node-_4abd118b-f7bb-c96d-9ea2-b29d01317207-c50566c0, #w-node-eb60d46b-4407-a65d-19c7-19e445574f9a-c50566c0 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-c50566c0 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-c50566c0 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-c50566c0, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-c50566c0, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-c50566c0 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-c50566c0 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-c50566c0 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-c50566c0 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-c50566c0, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-c50566c0, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-c50566c0 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-c50566c0 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-6f60c265 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-6f60c265 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-6f60c265 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-6f60c265 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-6f60c265 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-6f60c265, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-6f60c265, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-6f60c265 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-6f60c265 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-6f60c265 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-6f60c265 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-6f60c265, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-6f60c265, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-6f60c265 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-6f60c265 {
  justify-self: auto;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171dd-83f492f0 {
  place-self: start center;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171de-83f492f0 {
  place-self: center start;
}

#w-node-_4abd118b-f7bb-c96d-9ea2-b29d013171ef-83f492f0, #w-node-b3a2aea6-c67f-6325-2964-257d15df6467-83f492f0, #w-node-_386ddb4d-1a00-33fd-1130-248e77869fc0-83f492f0 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57745-83f492f0 {
  place-self: start center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57746-83f492f0 {
  place-self: center start;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57757-83f492f0, #w-node-d131cae9-f8d2-f760-983d-3fca9bd5776f-83f492f0, #w-node-d131cae9-f8d2-f760-983d-3fca9bd57787-83f492f0 {
  place-self: center;
}

#w-node-d131cae9-f8d2-f760-983d-3fca9bd57788-83f492f0 {
  justify-self: auto;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245890-83f492f0 {
  place-self: start center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c4245891-83f492f0 {
  place-self: center start;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458a2-83f492f0, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458ba-83f492f0, #w-node-e64b3342-c430-72b1-7f21-cdd1c42458d2-83f492f0 {
  place-self: center;
}

#w-node-e64b3342-c430-72b1-7f21-cdd1c42458d3-83f492f0 {
  justify-self: auto;
}

@media screen and (max-width: 767px) {
  #w-node-a49faeb6-0fd8-ae4e-e9d2-b5114406f7a7-030982f5 {
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr);
  }

  #w-node-_34453f70-4ae8-925e-e16b-aae3489f8e4d-030982f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_91ae5c71-1132-a6e5-d782-54b4d233b0f2-030982f5 {
    order: 0;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8930b789-a919-7782-1493-974acbaa3c08-030982f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a49faeb6-0fd8-ae4e-e9d2-b5114406f7a7-81540f96 {
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr);
  }

  #w-node-_34453f70-4ae8-925e-e16b-aae3489f8e4d-81540f96 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_91ae5c71-1132-a6e5-d782-54b4d233b0f2-81540f96 {
    order: 0;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8930b789-a919-7782-1493-974acbaa3c08-81540f96 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Bold.woff') format('woff'), url('../fonts/Zodiak-Extrabold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-VariableItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}