:root {
  --font-size-fluid-0: clamp(0.75rem, 2vw, 1rem);
  --font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);
  --font-size-fluid-2: clamp(1.5rem, 6vw, 2.2rem);
  --font-size-fluid-3: clamp(2rem, 9vw, 3.5rem);
  --size-000: -0.5rem;
  --size-00: -0.25rem;
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.5rem;
  --size-6: 1.75rem;
  --size-7: 2rem;
  --size-8: 3rem;
  --size-9: 4rem;
  --size-10: 5rem;
  --size-11: 7.5rem;
  --size-12: 10rem;
  --size-13: 15rem;
  --size-14: 20rem;
  --size-15: 30rem;
  --size-fluid-1: clamp(0.5rem, 1vw, 1rem);
  --size-fluid-2: clamp(1rem, 2vw, 1.5rem);
  --size-fluid-3: clamp(1.5rem, 3vw, 2rem);
  --size-fluid-4: clamp(2rem, 4vw, 3rem);
  --size-fluid-5: clamp(4rem, 5vw, 5rem);
  --size-fluid-6: clamp(5rem, 7vw, 7.5rem);
  --size-fluid-7: clamp(7.5rem, 10vw, 14rem);
  /*--size-lg: 1024px;*/
  /*--size-xl: 1440px;*/
  --gap-s: var(--size-fluid-2);
  --gap-m: var(--size-fluid-5);
  --gap-l: var(--size-fluid-7);
  --gap-xs: var(--size-2);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--bs-secondary-color);
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}

h1 {
  font-size: var(--font-size-fluid-3);
}

h2 {
  font-size: var(--font-size-fluid-3);
}

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

section {
  padding: var(--size-fluid-6) 0;
}

.divider {
  height: 2px;
  background-color: var(--bs-tertiary-bg);
}

.itemPrice {
  color: var(--bs-secondary-color);
  font-size: var(--font-size-fluid-2);
  font-weight: bold;
}

.itemDescription {
  font-size: var(--font-size-fluid-1);
  text-transform: uppercase;
}

.specials {
  color: var(--bs-tertiary-color);
  background: #ffffff;
  border-radius: 12px;
  text-align: center;
}

h3 {
  font-size: var(--font-size-fluid-2);
}

div {
}

.specialItem {
  color: var(--bs-tertiary-color);
}

