@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");

body {
  font-family: var(--font-sans);
}

h1,
h2,
h3,
.site-header__brand,
.site-nav__link {
  font-family: var(--font-display);
}

h1 {
  font-size: 50px;
  font-style: italic;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
}

h2 {
  font-size: 36px;
  font-style: italic;
}

h3 {
  font-size: 24px;
  font-style: italic;
  line-height: 32px;
}

p {
  color: var(--color-muted);
  font-size: 16px;
  line-height: 27px;
}