@import '../utilities/layout';

.base-font-style {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}

.regular-font-style {
  @extend .base-font-style;
  font-weight: 400;
}

.bold-font-style {
  @extend .base-font-style;
  font-weight: 700;
}
.h1 {@extend .bold-font-style;font-size: 2.7rem;}
h1 {@extend .h1;}

.h2 {@extend .bold-font-style;font-size: 2.0rem;}
h2 {@extend .h2;}

.h3 {@extend .bold-font-style;font-size: 1.4rem;}
h3 {@extend .h3;}

body, html {
  @extend .base-font-style;
  font-size: 2.5vw;
  @media (min-width: $tablet-min) {
    font-size: 1.13vw;
  }
}

@import '../utilities/layout';

.base-font-style {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}

.regular-font-style {
  @extend .base-font-style;
  font-weight: 400;
}

.bold-font-style {
  @extend .base-font-style;
  font-weight: 700;
}
.h1 {@extend .bold-font-style;font-size: 2.4rem;}
h1 {@extend .h1;}

.h2 {@extend .bold-font-style;font-size: 1.8rem;}
h2 {@extend .h2;}

.h3 {@extend .bold-font-style;font-size: 1.3rem;}
h3 {@extend .h3;}

body, html {
  @extend .base-font-style;
  font-size: 2.5vw;
  @media (min-width: $tablet-min) {
    font-size: 1.13vw;
  }
}

Reduce font ratio to 1.33
Reduce font ratio to 1.33
