:root {
  --big-stone: #162136;
  --black: #000000;
  --lochmara: #007dc0;
  --madison: #002060;
  --midnight: #031633;
  --tuatara: #353535;
  --valentino: #3003481a;
  --violet: #27033a;
  --white: #ffffff;

  --font-size-l: 17px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 21px;
  --font-size-xxl: 30px;
  --font-size-xxxl: 45px;
  --font-size-xxxxl: 75px;

  --font-family-dm_sans: "DM Sans", Helvetica;
  --font-family-lato: "Lato", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.roboto-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.lato-normal-white-45px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.pricing-big.price {
    font-size: 30px !important;
}

.roboto-bold-white-17px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.dmsans-bold-lochmara-21px {
  color: var(--lochmara);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-tuatara-16px {
  color: var(--tuatara);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.dmsans-bold-white-21px {
  color: var(--white);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-violet-14px {
  color: var(--violet);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.dmsans-normal-lochmara-21px {
  color: var(--lochmara);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.lato-medium-white-45px {
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.lato-medium-tuatara-45px {
  color: var(--tuatara);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.lato-medium-lochmara-45px {
  color: var(--lochmara);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.roboto-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.dmsans-bold-white-17-1px {
  color: var(--white);
  font-family: var(--font-family-dm_sans);
  font-size: 4vw;
  font-style: normal;
  font-weight: 700;
}

.lato-medium-white-30px {
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.lato-medium-tuatara-30px {
  color: var(--tuatara);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.lato-medium-lochmara-30px {
  color: var(--lochmara);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.dmsans-normal-white-21px {
  color: var(--white);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.lato-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}