html{
  font-size: 18px;
}

.gch-font-display {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.9em;
  line-height: 1.2em;
}

.gch-font-label-bold {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 24px;
}

.gch-font-grid-label {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1em;
  color: var(--label-grey);
}

.gch-font-grid-figure {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.2em;
  color: var(--color-main);
}

.gch-font-body-main, .gch-font-body-bold {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
}

.gch-font-body-bold {
  font-weight: 600;
}

.gch-font-tabular{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.92em;
  font-feature-settings: "tnum";
}

.gch-font-notes {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 0.8em;
  color: var(--label-grey);
  margin-bottom: 6px;
}