.string {
  padding-top: calc(var(--header-height) + var(--section-padding));
  background-color: var(--color-secondary);
  padding-bottom: 2rem;
  position: relative;
}
.string .back {
  position: static;
}



section.hero .content h1,
section.hero .content h2,
section.hero .content h3,
section.hero .content h4,
section.hero .content h5,
section.hero .content h6 {
  color: var(--color-primary);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

section.hero .content p {
  margin-bottom: 1.5rem;
}

section.hero .content a {
  color: var(--color-secondary);
  text-decoration: underline;

  transition: 0.3s all;
}

@media (hover: hover) {
  section.hero .content a:hover {
    color: var(--color-primary);
  }
}

section.hero .content ul,
section.hero .content ol {
  list-style-type: disc;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

section.hero .content ul li,
section.hero .content ol li {
  margin-bottom: 0.5rem;
}

section.hero .content blockquote {
  padding: 1rem;
  border-left: 4px solid var(--color-primary);
  margin-bottom: 1.5rem;
}

section.hero .content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

section.hero .content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
}

section.hero .content iframe {
  width: 100%;
}

section.hero .content th,
section.hero .content td {
  padding: 0.75rem;
  border: 1px solid var(--color-gray);
}