//----Font style----//

//----Font style----//

//--tags

%h1 {
  @include rem-size(45);
  font-family   : $primary;
  font-style    : normal;
  font-weight   : $sbold;
  line-height   : 50px;
  letter-spacing: 1.8px;
  text-transform: none;
  @include media-max(md) {
    line-height: 40px;
    @include rem-size(35);
  }
}

.h1,
h1 {
  @extend %h1;
}

%h2 {
  @include rem-size(30);
  font-family   : $primary;
  font-style    : normal;
  font-weight   : $bold;
  line-height   : 30px;
  text-transform: none;
  @include media-max(md) {
    @include rem-size(25);
  }
}

.h2,
h2 {
  @extend %h2;

}

%h3 {
  @include rem-size(25);
  font-family: $primary;
  font-style : normal;
  font-weight: $bold;
  line-height: 25px;
}

.h3,
h3 {
  @extend %h3;
}

%h4 {
  @include rem-size(18);
  font-family: $primary;
  font-style : normal;
  font-weight: $bold;
  line-height: 25px;
}

.h4,
h4 {
  @extend %h4;
}

%h5 {
  @include rem-size(16);
  font-family: $primary;
  font-style : normal;
  font-weight: $bold;
  line-height: 25px;
}

.h5,
h5 {
  @extend %h5;
}

%h6 {
  @include rem-size(16);
  font-family   : $primary;
  font-style    : normal;
  font-weight   : $bold;
  line-height   : 25px;
  text-transform: none;
}

.h6,
h6 {
  @extend %h5;
}