@mixin text($size) {
  @if $size == h1 {
    font-weight: normal;
    font-size: toRem(4);

    @media (max-width: toRem(50)) {
      font-size: toRem(2.6);
    }
  }
  @if $size == h2 {
    font-weight: normal;
    font-size: toRem(2);

    @media (max-width: toRem(50)) {
      font-size: toRem(1.8);
    }
  }
  @if $size == h4 {
    font-weight: normal;
    font-size: toRem(1.6);
  }
  @if $size == m-regular {
    font-size: toRem(1.6);
    font-weight: normal;
  }
  @if $size == m-r-regular {
    font-size: toRem(1.6);
    font-weight: normal;
    @media (max-width: toRem(50)) {
      font-size: toRem(1.2);
    }
  }
  @if $size == s-regular {
    font-size: toRem(1.4);
    font-weight: normal;
  }
  @if $size == xs-r-regular {
    font-size: toRem(1.2);
    font-weight: normal;
    @media (max-width: toRem(50)) {
      font-size: toRem(1);
    }
  }
  @if $size == xss-regular {
    font-size: toRem(0.9);
    font-weight: normal;
  }
}
