main {
  background-color: var(--secondary);
}
main #hero {
  width: 100%;
  height: auto;
  min-height: auto;
  padding: var(--xl) var(--m) var(--m);
  display: grid;
  place-items: center;
  margin: auto;
}
main #hero img {
  width: 100%;
  max-width: 400px;
  height: auto;
}
main #content {
  width: 100%;
  max-width: 745px;
  height: auto;
  padding: 0px calc(var(--m) * 1.3) var(--m);
  margin: auto;
}
main #content h1, main #content h2, main #content h3, main #content h4, main #content h5, main #content h6, main #content p, main #content a, main #content em, main #content strong, main #content span, main #content button, main #content li, main #content input {
  color: var(--primary);
}
main #content h2 {
  font-family: var(--gorillaz-font);
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 26px;
}
@media (max-width: 768px) {
  main #content h2 {
    font-size: 24px;
  }
}
main #content h3 {
  font-family: var(--gorillaz-font);
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 22px;
}
@media (max-width: 768px) {
  main #content h3 {
    font-size: 20px;
  }
}
main #content p, main #content em, main #content strong, main #content th, main #content td, main #content li {
  font-family: var(--gorillaz-font);
  font-weight: 500;
  line-height: 1.75em;
  letter-spacing: 0.05em;
  font-size: 18px;
}
@media (max-width: 768px) {
  main #content p, main #content em, main #content strong, main #content th, main #content td, main #content li {
    font-size: 16px;
  }
}
main #content p a, main #content em a, main #content strong a, main #content th a, main #content td a, main #content li a {
  font-family: inherit;
  color: inherit;
  text-decoration: underline;
  transition: color 0.3s;
}
main #content p a:hover, main #content em a:hover, main #content strong a:hover, main #content th a:hover, main #content td a:hover, main #content li a:hover {
  color: var(--tertiary);
}
main #content strong {
  font-weight: 900;
}
main #content table {
  border-collapse: collapse;
  margin: 1rem 0px;
}
main #content table th, main #content table td {
  padding: 10px;
  border: solid 1px var(--primary);
}
@media (max-width: 768px) {
  main #content table {
    font-size: 8px;
  }
  main #content table th, main #content table tr {
    font-size: 8px;
  }
}
main #content ul, main #content ol {
  list-style-type: disc;
  list-style-position: outside;
  margin: var(--xs) 0px var(--m);
  padding-left: 1em;
}
main #content ul li, main #content ol li {
  margin-bottom: 0.5em;
}
main #content ul li:last-of-type, main #content ol li:last-of-type {
  margin-bottom: 0px;
}
main #content ol {
  list-style-type: none;
  counter-reset: item;
}
main #content ol > li {
  display: table;
  counter-increment: item;
}
main #content ol > li::before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}
main #content ol li ol > li {
  margin-left: 0px;
}
main #content ol li ol > li::before {
  content: counters(item, ".") " ";
}/*# sourceMappingURL=house-of-kong-faqs.css.map */