inspin.io/assets/style/components/heading.css

.heading {
  padding: 4rem 1.2rem 2rem 1.2rem;

  h1,
  h2,
  h3 {
    font-weight: 700;
    margin: 1.25rem 0;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }

  h3 {
    font-size: 2rem;
    line-height: 2.75rem;
  }

  p {
    font-size: 1.35rem;
    font-weight: 300;
    line-height: 1.75rem;
    margin: 0 0 0 .1rem;
  }
}

@media only screen and (--viewport-4) {
  .heading {
    padding: 3rem 2.25rem 2rem 2.25rem;
  
    h2 {
      font-size: 2.25rem;
      line-height: 2.75rem;
      margin: 2rem 1rem 1rem 0;
    }

    p {
      font-size: 1.15rem;
      line-height: 1.65rem;
    }
  }
}

@media only screen and (--viewport-3) {
  .heading {
    padding: 3rem 1.5rem 2rem 1.5rem;
  }
}