@media(max-width: 800px) {

:root { 
  --abbey: #4f4f4f;
  --athens-gray: #edf1f5;
  --black: #000000;
  --chiffon: #e6ffc266;
  --cod-gray: #0b0b0b;
  --eerie-black: #1a1a1a;
  --licorice: #141414;
  --licorice-2: #161515;
  --log-cabin: #212121;
  --masala: #3b3b3b;
  --shark: #272727;
  --vida-loca: #5b881b0d;
  --white: #ffffff;
  --willow-grove: #667a54;
 
  --font-size-l: 12px;
  --font-size-m: 10.8px;
  --font-size-s: 8.4px;
  --font-size-xl: 14px;
  --font-size-xxl: 15px;
  --font-size-xxxl: 16px;
  --font-size-xxxxl: 19px;
 
  --font-family-clash_display-medium: "Clash Display-Medium", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-poppins: "Montserrat", Helvetica;
  --font-family-satoshi-medium: "Satoshi-Medium", Helvetica;
  --font-family-sf_pro_display-bold: "SF Pro Display-Bold", Helvetica;
  --font-family-signika_negative-regular: "Signika Negative-Regular", Helvetica;
  --font-family-unbounded: "Oxygen", Helvetica;
}
.montserrat-medium-masala-14px {
  color: var(--masala);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.unbounded-semi-bold-black-22px {
  color: var(--black);
  font-family: var(--font-family-unbounded);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-abbey-10-8px {
  color: var(--abbey);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.unbounded-semi-bold-licorice-17-7px {
  color: var(--licorice);
  font-family: var(--font-family-unbounded);
  font-size: 17.7px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-normal-licorice-9-8px {
  color: var(--licorice-2);
  font-family: var(--font-family-montserrat);
  font-size: 9.8px;
  font-style: normal;
  font-weight: 400;
}

.unbounded-medium-eerie-black-19px {
  color: var(--eerie-black);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.sfprodisplay-bold-eerie-black-17px {
  color: var(--eerie-black);
  font-family: var(--font-family-sf_pro_display-bold);
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
}

.inter-medium-white-12-6px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 12.6px;
  font-style: normal;
  font-weight: 500;
}

.unbounded-normal-black-19px {
  color: var(--black);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-log-cabin-15px {
  color: var(--log-cabin);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.unbounded-medium-cod-gray-16px {
  color: var(--cod-gray);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.unbounded-medium-cod-gray-12-1px {
  color: var(--cod-gray);
  font-family: var(--font-family-unbounded);
  font-size: 12.1px;
  font-style: normal;
  font-weight: 500;
}

}