main {
  margin: calc(var(--margin)*3.5) var(--margin);
  display: flex;
  flex-direction: column;
  align-content: center;

  & figure {
    margin: var(--gap) 0;
    display: grid;
  }

  & img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    justify-self: center;
  }

  &>* {
    align-self: left;
  }

  & p {
    /* margin: var(--margin) 0;*/
    line-height: 1.618rem;

  }

  & h2,
  h3 {
    margin-top: calc(var(--margin)*2);
  }

  & ul {
    max-width: 100%;
    list-style-type: disc;
    margin-left: 1rem;

    &>li {
      margin: 0;
      padding-bottom: 1.618rem;
    }
  }

  & a {
    color: var(--gold-2);

    &:hover {
      text-decoration: underline;
    }
  }
}


@media screen and (min-width:980px) {
  main {
    margin: calc(var(--margin)*7) 0;
    display: grid;
    grid-template-columns: 1fr 960px 1fr;

    &>* {
      grid-column: 2;
    }
  }
}