@media (max-width: 1024px) {
  html {
    font-size: calc(100vw / 750);
  }
  :root {
    --n-1: 1rem;
    --n-2: 2rem;
    --n-3: 3rem;
    --n-4: 4rem;
    --n-5: 5rem;
    --n-6: 6rem;
    --n-7: 7rem;
    --n-8: 8rem;
    --n-9: 9rem;
    --n-10: 10rem;
    --n-11: 11rem;
    --n-12: 12rem;
    --n-13: 13rem;
    --n-14: 14rem;
    --n-15: 15rem;
    --n-16: 16rem;
    --n-17: 17rem;
    --n-18: 18rem;
    --n-19: 19rem;
    --n-20: 20rem;
    --n-21: 21rem;
    --n-22: 22rem;
    --n-23: 23rem;
    --n-24: 24rem;
    --n-25: 25rem;
    --n-26: 26rem;
    --n-27: 27rem;
    --n-28: 28rem;
    --n-29: 29rem;
    --n-30: 30rem;
    --n-31: 31rem;
    --n-32: 32rem;
    --n-33: 33rem;
    --n-34: 34rem;
    --n-35: 35rem;
    --n-36: 36rem;
    --n-37: 37rem;
    --n-38: 38rem;
    --n-39: 39rem;
    --n-40: 40rem;
    --n-41: 41rem;
    --n-42: 42rem;
    --n-43: 43rem;
    --n-44: 44rem;
    --n-45: 45rem;
    --n-46: 46rem;
    --n-47: 47rem;
    --n-48: 48rem;
    --n-49: 49rem;
    --n-50: 50rem;
    --n-51: 51rem;
    --n-52: 52rem;
    --n-53: 53rem;
    --n-54: 54rem;
    --n-55: 55rem;
    --n-56: 56rem;
    --n-57: 57rem;
    --n-58: 58rem;
    --n-59: 59rem;
    --n-60: 60rem;
    --n-61: 61rem;
    --n-62: 62rem;
    --n-63: 63rem;
    --n-64: 64rem;
  }
}