.single-page {
  padding: 2rem 0;
}

.single-page h2 {
  margin: 30px 0;
}
.single-page p,
.single-page ul,
.single-page ol {
  margin: 10px;
}
.single-page ul,
.single-page ol {
  padding-left: 40px;
}
.single-page a {
  color: var(--secondary-color);
  text-decoration: none;
}
.single-page a:hover {
  text-decoration: underline;
}
.single-page footer {
  margin-top: 40px;
}

.single-page .faq li {
  margin-bottom: 1rem;
}

@media (max-width: 560px) {
  h1 {
    font-size: 1.2rem;
  }

  .single-page h2 {
    font-size: 1rem;
  }

  .single-page h3 {
    font-size: 0.95rem;
  }

  .single-page p,
  .single-page ul,
  .single-page ol {
    font-size: 0.9rem;
  }

  .single-page a {
    font-size: 0.9rem;
  }

  .single-page .faq li {
    font-size: 0.9rem;
  }
}