:root { 
  --black: #000000;
  --flash-white: #f1f3f5;
  --jet: #3a3a3a;
  --spring-green: #3af185;
 
  --font-size-l: 30px;
  --font-size-m: 25px;
  --font-size-s: 24px;
  --font-size-xl: 32.2px;
  --font-size-xs: 20px;
  --font-size-xxl: 44px;
  --font-size-xxs: 16px;
 
  --font-family-ruberoid-bold: "Ruberoid-Bold", Helvetica;
  --font-family-ruberoid-regular: "Ruberoid-Regular", Helvetica;
}
.desktoph1 {
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.32px;
}

.mobileh1 {
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.6px;
}

.ruberoid-bold-wild-sand-25px {
  color: var(--flash-white);
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.ruberoid-bold-wild-sand-32-2px {
  color: var(--flash-white);
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.ruberoid-bold-onyx-16px {
  color: var(--jet);
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
}
