:root {
  --size: 500;
}

@media screen and (min-height: 480px) {
  :root {
    --size: 900;
  }
}
@media screen and (min-height: 768px) {
  :root {
    --size: 900;
  }
}
.title span {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: white;
  font-size: calc(96 / var(--size) * 100 * var(--vh, 1vh));
  font-family: "Oswald";
  text-transform: uppercase;
}
@media (max-width: 1439px), (min-width: 1440px) and (orientation: portrait) {
  .title span {
    font-size: calc(96 / var(--size) * 100 * var(--vh, 1vh));
  }
}
@media (max-width: 1025px), (min-width: 1026px) and (orientation: portrait) {
  .title span {
    font-size: calc(54 / var(--size) * 100 * var(--vh, 1vh));
  }
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .title span {
    font-size: calc(38 / var(--size) * 100 * var(--vh, 1vh));
  }
}