div {
  display: grid;
  grid-template-column: 1fr, 1fr, 1fr;
  grid-template-row: 1fr, 1fr, 1fr, 1fr, 1fr;
  background-color: #f98c8c;
  text-align: center;
}


body {
  background-image: linear-gradient(rgba(240, 255, 239, 0), rgba(180, 255, 174, 0.5));
  padding: 125px, 125px, 125px, 125px;
}

header {
  background: #69d695;
  background-image: url(imgs/two_leaves.png);
  background-repeat: no-repeat;
  background-size: 200px;
  color: white;
  text-align: center;
  max-height: 100%;
  max-width: 100%;
}

.design-archives {
  background: #536565;
  background-image: url(imgs/leaf_pattern.png);
}

.zen-resources {
  background: #536565;
  background-image: url(imgs/leaf_pattern.png);
  max-height: 100%;
  max-width: 100%;
}

.design-selection {
  background: #536565;
  background-image: url(imgs/leaf_pattern.png);
}

.summary {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 2em;
  max-width: auto;
}

.preamble {
  background-image:url(imgs/leaves.png);
  background-size: 200px;
  background-repeat: no-repeat;
  padding-left: 15em;
  text-align: left;
  padding-bottom: 2em;
  grid-column-end: span 2;
}

.explanation {
  background-image:url(imgs/twin_leaf.png);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15em;
  text-align: left;
  justify-content: left;
  padding-bottom: 2em;
  grid-column-end: span 2;
  max-width: auto;
}

.participation {
  background-image:url(imgs/leaf.png);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15em;
  text-align: left;
  justify-content: left;
  padding-bottom: 2em;
  grid-column-start:1;
  grid-column-end: span 2;
  max-width: 100%
}

.benefits {
  background-image:url(imgs/sapling.png);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15em;
  text-align: left;
  justify-content: left;
  padding-bottom: 2em;
  grid-column-end: span 2;
  max-width: auto;
}

.requirements {
  background-image:url(imgs/leaf_cut.png);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15em;
  text-align: left;
  padding-bottom: 2em;
  grid-column-end: span 2;
  max-width: auto;
}

.wrapper {
  background-color: pink;
  text-align: center;
}

ul {
  list-style-type: none;
}


@media only screen and (max-width: 1000px) {

  .preamble {
    padding: 5px;
    background-image:url(imgs/leaves.png);
    background-repeat: no-repeat;
    background-position: top;
    background-origin: content-box;
    text-align: center;
    max-width: auto;
  }

  .preamble h3 {
    padding-top: 6em;
  }

  .explanation {
    padding: 5px;
    background-image:url(imgs/twin_leaf.png);
    background-repeat: no-repeat;
    background-position: top;
    background-origin: content-box;
    text-align: center;
    max-width: auto;
  }

  .explanation h3 {
    padding-top: 6em;
  }

  .participation {
    padding: 5px;
    background-image:url(imgs/leaf.png);
    background-repeat: no-repeat;
    background-position: top;
    background-origin: content-box;
    text-align: center;
    max-width: auto;
  }

  .participation h3 {
    padding-top: 6em;
  }

  .benefits {
    padding: 5px;
    background-image:url(imgs/sapling.png);
    background-repeat: no-repeat;
    background-position: top;
    background-origin: content-box;
    text-align: center;
    max-width: auto;
  }

  .benefits h3 {
    padding-top: 6em;
  }

  .requirements {
    padding: 5px;
    background-image:url(imgs/leaf_cut.png);
    background-repeat: no-repeat;
    background-position: top;
    background-origin: content-box;
    text-align: center;
    max-width: auto;
  }

  .requirements h3 {
    padding-top: 6em;
  }


}

h1 {
  font-family: cursive;
  font-size: 64px;
  position: left;
  bottom: 0px;
  right: 10px;
}

h2 {
  font-family: century;
  font-size: 32px;
  position: left;
  bottom: 0px;
  right: 10px;
  color: black;
}

h3 {
  font-family: candara;
  font-weight: 800;
  font-size: 22pt;
}

p {
  font-family: sans-serif;
}