* {
  box-sizing: border-box;
}

body {
  background-color: var(--white);
  color: var(--dark-gray);
  font-family: var(--font-sans);
  font-size: 100%;
  padding: 0;
  margin: 0;
}

.container {
  margin: 0 auto;
  max-width: 75rem;
  padding: 0 1rem;
  position: relative;
}

section {
  margin-bottom: 3rem;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  line-height: normal;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 137.5%;
}

h3 {
  font-size: 125%;
}

h4 {
  font-size: 112.5%;
}

h5 {
  font-size: 100%;
}

a {
  font-weight: 700;
  text-decoration: underline;
}

a:link,
a:visited {
  color: var(--dark-blue);
}

a:hover,
a:active {
  color: var(--light-blue);
}

svg {
  fill: currentColor;
}

@media only screen and (min-width: 480px) {
  h1 {
    font-size: 200%;
  }
  h2 {
    font-size: 175%;
  }
  h3 {
    font-size: 150%;
  }
  h4 {
    font-size: 125%;
  }
  h5 {
    font-size: 100%;
  }
}

/* Prevent mobile devices from increasing font sizes */
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}