#wrapper {
  width: 100%;
}

.main-content__page {
  width: 100%;
}

@media (min-width: 64rem) {
  .main-content__page {
    width: 64rem;
    max-width: 100%;
    margin: 0 auto 1rem auto;
    padding-block-start: 10rem;
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .main-content__page.no-grid {
    display: block;
  }

  .with-meta .main-content__page {
    padding-block-start: 10.75rem;
  }
}

.page-content__title,
.post-content__title {
  width: 100%;
}

@media (min-width: 64rem) {
  .page-content__title,
  .post-content__title {
    grid-column: 1 / span 2;
  }
}

.page-content__first,
.page-content__second,
.page-content__full-width,
.page-content__intro-full-width,
.page-content__aside-full-width {
  width: 100%;
}

@media (min-width: 64rem) {
  .page-content__first {
    grid-column: 1 / span 1;
  }

  .page-content__second {
    grid-column: 2 / span 1;
  }

  .page-content__full-width,
  .page-content__intro-full-width,
  .page-content__aside-full-width {
    grid-column: 1 / span 2;
  }
}

.main-content__post,
.secondary-content__post {
  width: 100%;
}

@media (min-width: 64rem) {
  .main-content__post,
  .secondary-content__post {
    width: 64rem;
    max-width: 100%;
    margin: 0 auto 1rem auto;
    padding-block-start: 6rem;

    display: grid;
    column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .with-meta .main-content__post,
  .with-meta .secondary-content__post {
    padding-block-start: 11.5rem;
  }
}

@media (min-width: 65.25rem) {
  .main-content__post,
  .secondary-content__post {
    padding-block-start: 7.5rem;
  }

  .with-meta .main-content__post {
    padding-block-start: 13rem;
  }
}

.post-meta-title,
.post-content__first,
.post-content__second,
.post-content__full-width {
  width: 100%;
}

.end-of-story {
  margin: 1rem 0 0 1rem;
}

.post-content__full-width .with-columns .content-column p.end-of-story {
  margin: 1rem 0 2rem 1rem;
}

@media (min-width: 64rem) {
  .post-meta-title {
    grid-column: 1 / span 2;
  }

  .post-content__first {
    grid-column: 1 / span 1;
  }

  .post-content__second {
    grid-column: 2 / span 1;
  }

  .post-content__full-width {
    grid-column: 1 / span 2;
  }
}