h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  font-weight: 500;
}

h1,.h1 {
  font-size: 48px
}
h1, h2 {
  letter-spacing: -.04em;
  line-height: 1.35
}
h2,.h2 {
  font-size: 42px
}
h3,.h3 {
  font-size: 40px;
  line-height: 1.35
}
h3,.h3, h4,.h4 {
  letter-spacing: -.04em
}
h4,.h4 {
  font-size: 36px;
  line-height: 1.4
}
h5,.h5 {
  font-size: 26px;
  letter-spacing: -.04em
}
h5,.h5, h6,.h6 {
  line-height: 1.35
}
h6,.h6 {
  font-size: 23px;
  letter-spacing: -.03em
}
.display-5 {
  font-size: 3rem;
line-height: 1.2;
letter-spacing: -.8px;
 }
.display-6 {
  font-size: 36px; }
.display-7 {
  font-size: 26px; }

  @media (max-width:768px) {
    html, p, textarea {
      font-size: 14px
    }
    h1,.h1 {
      font-size: 30px
    }
    h2,.h2 {
      font-size: 28px
    }
    h3,.h3 {
      font-size: 24px
    }
    h4,.h4 {
      font-size: 20px
    }
    h5,.h5 {
      font-size: 18px
    }
    h6,.h6 {
      font-size: 16px
    }
    small,.small {
      font-size: 14px
    }
    .display-1 {
      font-size: 5rem;
      font-weight: 300;
      line-height: 1.2
    }
    .display-2 {
      font-size: 4.5rem;
      font-weight: 300;
      line-height: 1.2
    }
    .display-3 {
      font-size: 3.5rem;
      font-weight: 300;
      line-height: 1.2
    }
    .display-4 {
      font-size: 2.5rem;
      font-weight: 300;
      line-height: 1.2
    }
  }