body {
  font-family:  'Manrope', arial, 'Ubuntu', sans-serif;
  font-style: normal;
}

@media all {
  .f10 {
    font-size: 12px;
  }
  .f11 {
    font-size: 12px;
  }
  .f12 {
    font-size: 13px;
  }
  .f14 {
    font-size: 14px;
  }
  .f16 {
    font-size: 15px;
  }
  .f18 {
    font-size: 17px;
  }
  .f20 {
    font-size: 18px;
  }
  .f28 {
    font-size: 22px;
  }
  .f30 {
    font-size: 24px;
  }
  .f34 {
    font-size: 1.77083vw;
  }
  .f40 {
    font-size: 2.08333vw;
  }
  .f120 {
    font-size: 6.25vw;
  }
  .f140 {
    font-size: 7.29167vw;
  }
  .f150 {
    font-size: 7.8125vw;
  }
  .f180 {
    font-size: 9.375vw;
  }
}

@media (max-width: 480px) {
  .mf120 {
    font-size: 32vw;
  }
  .mf70 {
    font-size: 18.66667vw;
  }
  .mf30 {
    font-size: 8vw;
  }
  .mf28 {
    font-size: 7.46667vw;
  }
  .mf24 {
    font-size: 6.4vw;
  }
  .mf20 {
    font-size: 5.33333vw;
  }
  .mf18 {
    font-size: 4.8vw;
  }
  .mf16 {
    font-size: 4.26667vw;
  }
  .mf14 {
    font-size: 3.73333vw;
  }
  .mf12 {
    font-size: 3.2vw;
  }
  .mf11 {
    font-size: 2.93333vw;
  }
  .mf10 {
    font-size: 2.66667vw;
  }
}