.nvq {
  flex-direction: column;
}

section + section.nvq {
  padding-top: 2rem;
}

.hero {
  background-color: rgb(var(--pri));
  color: white;
  padding: .5em 0;
}

.hero h1 {
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 3em;
  line-height: 1.2em;
}

.nvq ul {
  list-style-type: disc;
  list-style-position: inside;
}

.nvq p + p,
.nvq p + ul,
.nvq ul + p {
  margin-top: .5em;
}

.nvq h2 {
  margin: .5em 0;
}

.nvq a {
  color: rgb(var(--pri));
}

@media (max-width: 666px) {
  .nvq {
    text-align: center;
  }
}