@font-face {
  font-family: Exo;
  src: local(Exo-Bold),
  url(../fonts/Exo/static/Exo-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Heebo;
  src: local(Heebo-Bold),
  url(../fonts/Heebo/static/Heebo-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Roboto;
  src: local(Roboto-Regular),
  url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

.OG_H1 {
  font-family: Heebo;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.OG_H2 {
  font-family: Heebo;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.OG_H3 {
  font-family: Heebo;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.OG_H4 {
  font-family: Exo;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.OK_BTN_P {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
}

.OG_P {
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
}

.font-non-proportional {
  font-family: 'Roboto Mono', monospace;
}

.font-size-24{
  font-size: 1.5rem;
}

.font-size-14{
  font-size: 14px !important;
}

.font-size-22{
  font-size: 22px !important;
}

.font-size-28{
  font-size: 28px !important;
}

.font-family-Ubuntu {
  font-family: 'Ubuntu';
}

.font-family-Exo {
  font-family: 'Exo', sans-serif;
  font-weight: 300;
}