@font-face {
  font-family: 'Brownist';
  src: url('../_assets/media/font/BrownistRegular.woff2') format('woff2'),
       url('../_assets/media/font/BrownistRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

h1, h2 {
  font-family: var(--font-header);
  font-weight: normal;
  line-height: 1;
  text-wrap: balance;
}

h1 {
  font-size: 5rem;
  
}

h2 {
  font-size: 3rem;
}

h3, h4 {
  font-family: var(--font-main);
  font-size: 1.5rem;
  margin-bottom: var(--base-spacing);
  font-weight: bold;
}

h5 {
  font-size: 1.2rem;
  margin: 0.5em 0;
}

h1 span {
  color: var(--accent-color);
}

p {
  margin-bottom: 1.2rem;
  text-wrap: balance;
}