/*------------------------------------
  Typography Font Size
------------------------------------*/
.g-font-size-default {
  font-size: 1rem !important;
}

$i: 70;
@while $i < 96 {
  .g-font-size-#{$i}x {
    font-size: $i*1% !important;
  }
  $i: $i + 5;
}

.g-font-size-0 {
  font-size: 0;
}
.g-font-size-5 {
  @include px-to-rem(font-size, 5px !important);
}
.g-font-size-8 {
  @include px-to-rem(font-size, 8px !important);
}
.g-font-size-9 {
  @include px-to-rem(font-size, 9px !important);
}
.g-font-size-10 {
  @include px-to-rem(font-size, 10px !important);
}
.g-font-size-11 {
  @include px-to-rem(font-size, 11px !important);
}
.g-font-size-12 {
  @include px-to-rem(font-size, 12px !important);
}
.g-font-size-13 {
  @include px-to-rem(font-size, 13px !important);
}
.g-font-size-14 {
  @include px-to-rem(font-size, 14px !important);
}
.g-font-size-15 {
  @include px-to-rem(font-size, 15px !important);
}
.g-font-size-16 {
  @include px-to-rem(font-size, 16px !important);
}
.g-font-size-17 {
  @include px-to-rem(font-size, 17px !important);
}
.g-font-size-18 {
  @include px-to-rem(font-size, 18px !important);
}
.g-font-size-20 {
  @include px-to-rem(font-size, 20px !important);
}
.g-font-size-22 {
  @include px-to-rem(font-size, 22px !important);
}
.g-font-size-23 {
  @include px-to-rem(font-size, 23px !important);
}
.g-font-size-24 {
  @include px-to-rem(font-size, 24px !important);
}
.g-font-size-25 {
  @include px-to-rem(font-size, 25px !important);
}
.g-font-size-26 {
  @include px-to-rem(font-size, 26px !important);
}
.g-font-size-27 {
  @include px-to-rem(font-size, 27px !important);
}
.g-font-size-28 {
  @include px-to-rem(font-size, 28px !important);
}
.g-font-size-30 {
  @include px-to-rem(font-size, 30px !important);
}
.g-font-size-32 {
  @include px-to-rem(font-size, 32px !important);
}
.g-font-size-33 {
  @include px-to-rem(font-size, 33px !important);
}
.g-font-size-35 {
  @include px-to-rem(font-size, 35px !important);
}
.g-font-size-36 {
  @include px-to-rem(font-size, 36px !important);
}
.g-font-size-38 {
  @include px-to-rem(font-size, 38px !important);
}
.g-font-size-40 {
  @include px-to-rem(font-size, 40px !important);
}
.g-font-size-42 {
  @include px-to-rem(font-size, 42px !important);
}
.g-font-size-45 {
  @include px-to-rem(font-size, 45px !important);
}
.g-font-size-46 {
  @include px-to-rem(font-size, 46px !important);
}
.g-font-size-48 {
  @include px-to-rem(font-size, 48px !important);
}
.g-font-size-50 {
  @include px-to-rem(font-size, 50px !important);
}
.g-font-size-55 {
  @include px-to-rem(font-size, 55px !important);
}
.g-font-size-56 {
  @include px-to-rem(font-size, 56px !important);
}
.g-font-size-60 {
  @include px-to-rem(font-size, 60px !important);
}
.g-font-size-65 {
  @include px-to-rem(font-size, 65px !important);
}
.g-font-size-70 {
  line-height: 70px;
  @include px-to-rem(font-size, 70px !important);
}
.g-font-size-75 {
  @include px-to-rem(font-size, 75px !important);
}
.g-font-size-76 {
  @include px-to-rem(font-size, 76px !important);
}
.g-font-size-80 {
  @include px-to-rem(font-size, 80px !important);
}
.g-font-size-86 {
  @include px-to-rem(font-size, 86px !important);
}
.g-font-size-90 {
  @include px-to-rem(font-size, 90px !important);
}
.g-font-size-120 {
  @include px-to-rem(font-size, 120px !important);
}
.g-font-size-200 {
  line-height: 210px;
  @include px-to-rem(font-size, 200px !important);
}
.g-font-size-180 {
  @include px-to-rem(font-size, 180px !important);
}

@media (min-width: $g-sm) {
  .g-font-size-20--sm {
    @include px-to-rem(font-size, 20px !important);
  }
  .g-font-size-25--sm {
    @include px-to-rem(font-size, 25px !important);
  }
  .g-font-size-40--sm {
    @include px-to-rem(font-size, 40px !important);
  }
  .g-font-size-50--sm {
    @include px-to-rem(font-size, 50px !important);
  }
  .g-font-size-240--sm {
    @include px-to-rem(font-size, 240px !important);
  }
}

@media (min-width: $g-md) {
  .g-font-size-default--md {
    font-size: 1rem;
  }
  .g-font-size-12--md {
    @include px-to-rem(font-size, 12px !important);
  }
  .g-font-size-16--md {
    @include px-to-rem(font-size, 16px !important);
  }
  .g-font-size-18--md {
    @include px-to-rem(font-size, 18px !important);
  }
  .g-font-size-20--md {
    @include px-to-rem(font-size, 20px !important);
  }
  .g-font-size-24--md {
    @include px-to-rem(font-size, 24px !important);
  }
  .g-font-size-25--md {
    @include px-to-rem(font-size, 25px !important);
  }
  .g-font-size-26--md {
    @include px-to-rem(font-size, 26px !important);
  }
  .g-font-size-27--md {
    @include px-to-rem(font-size, 27px !important);
  }
  .g-font-size-28--md {
    @include px-to-rem(font-size, 28px !important);
  }
  .g-font-size-30--md {
    @include px-to-rem(font-size, 30px !important);
  }
  .g-font-size-32--md {
    @include px-to-rem(font-size, 32px !important);
  }
  .g-font-size-35--md {
    @include px-to-rem(font-size, 35px !important);
  }
  .g-font-size-36--md {
    @include px-to-rem(font-size, 36px !important);
  }
  .g-font-size-40--md {
    @include px-to-rem(font-size, 40px !important);
  }
  .g-font-size-45--md {
    @include px-to-rem(font-size, 45px !important);
  }
  .g-font-size-46--md {
    @include px-to-rem(font-size, 46px !important);
  }
  .g-font-size-48--md {
    @include px-to-rem(font-size, 48px !important);
  }
  .g-font-size-50--md {
    @include px-to-rem(font-size, 50px !important);
  }
  .g-font-size-55--md {
    @include px-to-rem(font-size, 55px !important);
  }
  .g-font-size-56--md {
    @include px-to-rem(font-size, 56px !important);
  }
  .g-font-size-60--md {
    @include px-to-rem(font-size, 60px !important);
  }
  .g-font-size-65--md {
    @include px-to-rem(font-size, 65px !important);
  }
  .g-font-size-70--md {
    @include px-to-rem(font-size, 70px !important);
  }
  .g-font-size-75--md {
    @include px-to-rem(font-size, 75px !important);
  }
  .g-font-size-76--md {
    @include px-to-rem(font-size, 76px !important);
  }
  .g-font-size-90--md {
    @include px-to-rem(font-size, 90px !important);
  }
  .g-font-size-130--md {
    @include px-to-rem(font-size, 130px !important);
  }
}

@media (min-width: $g-lg) {
  .g-font-size-18--lg {
    @include px-to-rem(font-size, 18px !important);
  }
  .g-font-size-26--lg {
    @include px-to-rem(font-size, 26px !important);
  }
  .g-font-size-35--lg {
    @include px-to-rem(font-size, 35px !important);
  }
  .g-font-size-36--lg {
    @include px-to-rem(font-size, 36px !important);
  }
  .g-font-size-75--lg {
    @include px-to-rem(font-size, 75px !important);
  }
  .g-font-size-76--lg {
    @include px-to-rem(font-size, 76px !important);
  }
  .g-font-size-420--lg {
    @include px-to-rem(font-size, 420px !important);
  }
}

@media (max-width: #{$g-sm}-1) {
  .g-font-size-25 {
    @include px-to-rem(font-size, 25px !important);
  }
}