.brand-srixon {
  --anchor-red: #da291c;
  --anchor-maroon: #7e1416;
  --precision-black: #000000;
  --light-grey: #e7e9e8;
  --medium-grey: #c4c2c3;
  --rich-grey: #71767a;

  /*
  --font-size-small:  14px;
  --font-size-base:   16px;
  --font-size-medium: 18px;
  --font-size-large:  20px;
  --h1-font-size:     56px;
  --h2-font-size:     48px;
  --h3-font-size:     40px;
  --h4-font-size:     32px;
  --h5-font-size:     24px;
  --h6-font-size:     20px;
  */

  font-family: citrine-variable, sans-serif;
  font-size: 16px;

  .pg-lg {
    font-size: var(--font-size-large);
  }
  .pg-md {
    font-size: var(--font-size-medium);
  }
  .pg-sm {
    font-size: var(--font-size-small);
  }
  .pg-xs {
    font-size: 12px;
  }

  h1, h2 {
    font-family: mynor-variable, sans-serif; 
  }
  h1, .head-1 {
    font-size: var(--h1-font-size);
  }
  h2, .head-2 {
    font-size: var(--h2-font-size);
  }
  h3, .head-3 {
    font-size: var(--h3-font-size);
  }
  h4, .head-4 {
    font-size: var(--h4-font-size);
  }
  h5, .head-5 {
    font-size: var(--h5-font-size);
  }
  h6, .head-6 {
    font-size: var(--h6-font-size);
  }

}