section {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  column-gap: var(--mainpad); }
  @media (max-width : 900px) {
    section {
      grid-template-columns: repeat(4, 1fr);
      row-gap: var(--mainpad); } }
  section > div {
    grid-column: 5/13;
    position: relative;
    display: grid;
    column-gap: var(--mainpad);
    row-gap: var(--mainpad);
    grid-template-columns: repeat(2, 1fr); }
    @media (max-width : 900px) {
      section > div {
        grid-column: 1/5;
        grid-template-columns: repeat(1, 1fr); } }
  section .aspectholder {
    height: 44vw;
    position: relative;
    margin-bottom: 1em; }
    @media (max-width : 900px) {
      section .aspectholder {
        height: 150vw; } }
  section h2, section p {
    margin-bottom: 1em; }