h1 {
  color: var(--black);
  font-size: calc(var(--vw) * 28);
  line-height: calc(var(--vw) * 32);
  margin-bottom: calc(var(--vw) * 8);
  letter-spacing: 0.02em;
  @media (min-width: 1024px) {
    font-size: calc(var(--vw) * 44);
    line-height: calc(var(--vw) * 50);
    letter-spacing: 0.02em;
    margin-bottom: calc(var(--vw) * 8);  
  }
}

h2 {
  color: var(--black);
  font-size: calc(var(--vw) * 24);
  line-height: calc(var(--vw) * 28);
  margin-bottom: calc(var(--vw) * 8);
  letter-spacing: 0.02em;
  @media (min-width: 1024px) {
    font-size: calc(var(--vw) * 40);
    line-height: calc(var(--vw) * 46);
    letter-spacing: 0.02em;
    margin-bottom: calc(var(--vw) * 8);  
  }
}

h3 {
  color: var(--black);
  font-size: calc(var(--vw) * 20);
  line-height: calc(var(--vw) * 24);
  margin-bottom: calc(var(--vw) * 8);
  letter-spacing: 0.02em;
  @media (min-width: 1024px) {
    font-size: calc(var(--vw) * 33);
    line-height: calc(var(--vw) * 38);
    margin-bottom: calc(var(--vw) * 8);  
  }
}

h4 {
  color: var(--black);
  font-size: calc(var(--vw) * 18);
  line-height: calc(var(--vw) * 20);
  margin-bottom: calc(var(--vw) * 8);
  letter-spacing: 0.02em;
  @media (min-width: 1024px) {
    font-size: calc(var(--vw) * 28);
    line-height: calc(var(--vw) * 32);
    margin-bottom: calc(var(--vw) * 8);  
  }
}

h5 {
  color: var(--black);
  font-size: calc(var(--vw) * 16);
  line-height: calc(var(--vw) * 18);
  margin-bottom: calc(var(--vw) * 8);
  letter-spacing: 0.02em;
  @media (min-width: 1024px) {
    font-size: calc(var(--vw) * 24);
    line-height: calc(var(--vw) * 28);
    margin-bottom: calc(var(--vw) * 8);  
  }
}

h6 {
  color: var(--black);
  font-size: calc(var(--vw) * 14);
  line-height: calc(var(--vw) * 16);
  margin-bottom: calc(var(--vw) * 8);
  letter-spacing: 0.02em;
  @media (min-width: 1024px) {
    font-size: calc(var(--vw) * 19);
    line-height: calc(var(--vw) * 21);
    margin-bottom: calc(var(--vw) * 8);  
  }
}