.default main {
  margin-top: var(--space-2xl);
}
.default h1 {
  color: var(--clr-rot);
  font-size: var(--step-2);
  font-weight: 700;
  line-height: 1;
}
.default h2 {
  color: var(--clr-rot);
  font-size: var(--step-1);
  font-weight: 700;
  line-height: 1;
}
.default h3 {
  color: var(--clr-dark);
  font-size: var(--step-0);
  font-weight: 700;
  line-height: 1.2;
}
.default p,
.default li {
  color: var(--clr-dark);
  font-size: var(--step-0);
  line-height: 1.2;
}
.default p a,
.default li a {
  color: var(--clr-dark);
  font-size: var(--step-0);
  line-height: 1.2;
  text-decoration: underline;
}
.default picture img, 
.default img,
.default figure iframe {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .default h1 {
    font-size: var(--step-5);
  }
  .default h2 {
    font-size: var(--step-3);
  }
  .default h3 {
    font-size: var(--step-2);
  }
}