:root { 
  --font-family-brownpro-bold: "BrownPro-Bold", Helvetica;
  --font-family-brownpro-regular: "BrownPro-Regular", Helvetica;
  
}

.brownpro-normal-12px {
  font-family: var(--font-family-brownpro-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.brownpro-bold-12px {
  font-family: var(--font-family-brownpro-bold);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.brownpro-normal-14px {
  font-family: var(--font-family-brownpro-regular);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.brownpro-bold-14px {
  font-family: var(--font-family-brownpro-bold);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.brownpro-normal-16px {
  font-family: var(--font-family-brownpro-regular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.brownpro-bold-16px {
  font-family: var(--font-family-brownpro-bold);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.brownpro-normal-18px {
  font-family: var(--font-family-brownpro-regular);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.brownpro-bold-18px {
  font-family: var(--font-family-brownpro-bold);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.brownpro-normal-20px {
  font-family: var(--font-family-brownpro-regular);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

.brownpro-bold-20px {
  font-family: var(--font-family-brownpro-bold);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}