  @mixin body1 {
    @include rem(font-size, 14px);
    @include rem(letter-spacing, 0.2);
    color: $dark-gray1;

    @include media-medium{
      @include rem(font-size, 14px);
      letter-spacing: 0;
    }
  }

  @mixin body2 {
    @include rem(font-size, 16px);
    @include rem(letter-spacing, 0.2);
    color: $dark-gray1;

    @include media-medium{
      @include rem(font-size, 16px);
      letter-spacing: 0;
    }
  }

  @mixin body3 {
    @include rem(font-size, 18px);
    @include rem(letter-spacing, 0.2);
    color: $dark-gray1;

    @include media-medium{
      @include rem(font-size, 18px);
      letter-spacing: 0;
    }
  }

  @mixin heading1{
    @include rem(font-size, 36px);
    @include rem(letter-spacing, 0.2);
    @include line-height(44px, 24px);
    color: $font-color-18191A;
    font-weight: 200;

    @include media-medium{
      @include rem(font-size, 40px);
      @include line-height(47px, 24px);
    }
  }


  @mixin heading2{
    @include rem(font-size, 24px);
    @include rem(letter-spacing, 0.2);
    color: $font-color-18191A;
    font-weight: 100;
    @include line-height(28px, 24px);

    @include media-medium{
      @include line-height(36px, 24px);
    }
  }

  @mixin heading3{
    @include rem(font-size, 20px);
    @include rem(letter-spacing, 0.2);
    color: $dark-gray2;
    @include line-height(28px, 22px);
    font-weight: bold;

    @include media-medium{
      @include rem(font-size, 16px);
    }
  }

  @mixin heading4 {
    @include rem(font-size, 16px);
    @include rem(letter-spacing, 0.2);
    @include line-height(18px, 16px);
    color: $dark-gray1;

    @include media-medium{
      @include rem(font-size, 12px);
      @include line-height(14px, 12px);
    }
  }

  @mixin heading5 {
    @include rem(font-size, 16px);
    @include rem(letter-spacing, 0.2);
    @include line-height(18px, 16px);
    color: $dark-gray1;

    @include media-medium{
      @include rem(font-size, 12px);
      @include line-height(14px, 12px);
    }
  }