.fs-sm {
  @include ms-respond(font-size, -1);
  line-height: 1.5;
}

.fs-base {
  @include ms-respond(font-size, 0);
  line-height: 1.8;
}

.fs-md {
  @include ms-respond(font-size, 1);
  line-height: 1.6;
}

.fs-lg {
  @include ms-respond(font-size, 2);
  line-height: 1.2;
}

.fs-xl {
  @include ms-respond(font-size, 3);
  line-height: 1.2;
}

.fs-xxl {
  @include ms-respond(font-size, 4);
  line-height: 1.1;
}

.fs-xxxl {
  @include ms-respond(font-size, 5);
  line-height: 1;
}

//// big fonts

.fs-sm-big {
  @include ms-respond(font-size, 0);
  line-height: 1.5;
}

.fs-base-big {
  @include ms-respond(font-size, 1);
  line-height: 1.6;
}

.fs-base-big-menu {
  transform: scale(1.1);
}

.fs-base-big-sidemenu {
  @include ms-respond(font-size, 1);
  line-height: 1.2;
  width: 300px !important;
}

.fs-md-big {
  @include ms-respond(font-size, 2);
  line-height: 1.3;
}

.fs-md-big-sm {
  font-size: 30px;
  line-height: 1;
  padding-right: 10px;
}

.fs-lg-big {
  @include ms-respond(font-size, 3);
  line-height: 1.2;
}

.fs-xl-big {
  @include ms-respond(font-size, 4);
  line-height: 1;
}

.fs-xxl-big {
  @include ms-respond(font-size, 5);
  line-height: 1;
}

.fs-icon-big {
  font-size: 50px;
}