* {
  font-family: "Graphik LCG", "Roboto", sans-serif;
  font-size: 10px;
}

@media (min-width: 300px) {
  * {
    font-size: 10px;
  }
}

@media (min-width: 400px) {
  * {
    font-size: 12px;
  }
}

@media (min-width: 600px) {
  * {
    font-size: 16px;
  }
}

@media (min-width: 800px) {
  * {
    font-size: 20px;
  }
}

@media (min-width: 801px) {
  * {
    font-size: 6px;
  }
}

@media (min-width: 910px) {
  * {
    font-size: 8px;
  }
}
@media (min-width: 1140px) {
  * {
    font-size: 10px;
  }
}
@media (min-width: 1440px) {
  * {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  * {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  * {
    font-size: 16px;
  }
}
@media (min-width: 2400px) {
  * {
    font-size: 20px;
  }
}