.content {
  justify-self: center;
  align-self: center;
  text-align: center;
}

/* PORTRAIT */
@media screen and (orientation: portrait) {
  section:nth-of-type(1) > .content:nth-child(2),
  section:nth-of-type(2) > .content:nth-child(2) {
    grid-area: 2/ 2 / 4 / 6;
  }
  section:nth-of-type(1) > .content:nth-child(3),
  section:nth-of-type(2) > .content:nth-child(3) {
    grid-area: 4 / 2 / 6 / 6;
  }

  section:nth-of-type(3) > .content:nth-child(2) {
    grid-area: 3 / 2 / 4 / 6;
  }
  section:nth-of-type(3) > .content:nth-child(3) {
    grid-area: 4 / 2 / 5 / 6;
  }
  section:nth-of-type(3) > .content:nth-child(4) {
    grid-area: 5 / 2;
  }
  section:nth-of-type(3) > .content:nth-child(5) {
    grid-area: 5 / 3;
  }
  section:nth-of-type(3) > .content:nth-child(6) {
    grid-area: 5 / 4;
  }
  section:nth-of-type(3) > .content:nth-child(7) {
    grid-area: 5 / 5;
  }

  section:nth-of-type(5) > .content:nth-child(2) {
    grid-area: 2 / 2 / 3 / 6;
  }
  section:nth-of-type(5) > .content:nth-child(3) {
    position: relative;
    grid-area: 3 / 1 / 7 / 7;
  }

}

/* LANDSCAPE */
@media screen and (orientation: landscape) {
  section:nth-of-type(1) > .content:nth-child(2) {
    grid-area: 2 / 2 / 3 / 5;
  }
  section:nth-of-type(1) > .content:nth-child(3) {
    grid-area: 4 / 3 / 5 / 6;
  }

  section:nth-of-type(2) > .content:nth-child(2) {
    grid-area: 2 / 3 / 3 / 6;
  }
  section:nth-of-type(2) > .content:nth-child(3) {
    grid-area: 4 / 2 / 5 / 5;
  }

  section:nth-of-type(3) > .content:nth-child(2) {
    grid-area: 2 / 2 / 3 / 6;
  }
  section:nth-of-type(3) > .content:nth-child(3) {
    grid-area: 3 / 2 / 4 / 6;
  }
  section:nth-of-type(3) > .content:nth-child(4) {
    grid-area: 4 / 2;
  }
  section:nth-of-type(3) > .content:nth-child(5) {
    grid-area: 4 / 3;
  }
  section:nth-of-type(3) > .content:nth-child(6) {
    grid-area: 4 / 4;
  }
  section:nth-of-type(3) > .content:nth-child(7) {
    grid-area: 4 / 5;
  }

  section:nth-of-type(5) > .content:nth-child(2) {
    grid-area: 2 / 1 / 6 / 3;
  }
  section:nth-of-type(5) > .content:nth-child(3) {
    position: relative;
    grid-area: 2 / 3 / 6 / 7;
  }
}

/* COMMON */
section .title {
  grid-area: 1 / 1 / 2 / 7;
}

section:nth-of-type(4) > p:nth-child(2) {
  justify-self: center;
  align-self: center;
  text-align: center;
  grid-area: 2 / 2 / 3 / 5;
}
section:nth-of-type(4) > .chapter {
  grid-area: 2 / 5 / 3 / 7;
}
section:nth-of-type(4) > .card:nth-child(4) {
  grid-area: 3 / 1 / 6 / 3;
}
section:nth-of-type(4) > .card:nth-child(5) {
  grid-area: 3 / 3 / 6 / 5;
}
section:nth-of-type(4) > .card:nth-child(6) {
  grid-area: 3 / 5 / 6 / 7;
}