main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  grid-column-gap: var(--mainpad); }
  @media (max-width : 999px) {
    main {
      grid-template-columns: repeat(4, 1fr);
      grid-row-gap: calc(2 * var(--mainpad)); } }
  main article {
    grid-column: 2/8; }
    @media (max-width : 999px) {
      main article {
        grid-column: 1/5; } }
    main article p {
      margin-bottom: 1em; }