:root { 
  --black: #000000;
  --blue-ribbon: #006eff;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 15px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  --font-size-xxs: 11px;
  --font-size-xxxs: 10px;
 
  --font-family-ingra_wd: "Ingra Wd", Helvetica;
  --font-family-ingrawd-book: "IngraWd-Book", Helvetica;
  --font-family-ingrawd-light: "IngraWd-Light", Helvetica;
  --font-family-ingrawd-regular: "IngraWd-Regular", Helvetica;
  --font-family-ingrawd-thin: "IngraWd-Thin", Helvetica;
  --font-family-ingrawd-ultralight: "IngraWd-UltraLight", Helvetica;
}
.ingrawd-light-white-15px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.ingrawd-regular-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.ingrawd-ultra-light-white-15px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-ultralight);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.ingrawd-regular-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.ingrawd-ultra-light-white-12px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-ultralight);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.ingrawd-light-white-18px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-light);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.ingrawd-light-white-15px-2 {
  color: var(--white);
  font-family: var(--font-family-ingra_wd);
  font-size: var(--font-size-m);
}

.ingrawd-thin-white-15px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-thin);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 100;
}

.ingrawd-light-white-20px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.ingrawd-regular-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

.ingrawd-thin-white-12px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-thin);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 100;
}

.ingrawd-light-white-12px-2 {
  color: var(--white);
  font-family: var(--font-family-ingra_wd);
  font-size: var(--font-size-xs);
}

.ingrawd-ultra-light-white-25px {
  color: var(--white);
  font-family: var(--font-family-ingrawd-ultralight);
  font-size: 25px;
  font-style: normal;
  font-weight: 300;
}

:root {
}

@media screen and (min-width: 1280px) {
  .ingrawd-light-white-12px {
    color: var(--white);
    font-family: var(--font-family-ingrawd-light);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 300;
  }

  .ingrawd-regular-normal-white-18px {
    color: var(--white);
    font-family: var(--font-family-ingrawd-regular);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .ingrawd-light-white-11px {
    color: var(--white);
    font-family: var(--font-family-ingrawd-light);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 300;
  }
}

@media screen and (max-width: 767px) {
  .ingrawd-light-white-10px {
    color: var(--white);
    font-family: var(--font-family-ingrawd-light);
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 300;
  }
}