div {
  /* width: 15%;
  height: 10px;
  border: 2px solid green;
  padding: 10px;
  margin: 10px;
  background-color: green; */
}
h1 {
  color: white;
  font-size: 3.5em;
  font-family: 'parisplus-clair', sans-serif;
  font-style: normal;
  font-weight: 400;border-radius: 15px 50px 30px 5px;
  background: #8fbc8f;
  padding: 20px;
  width: 275px;
  height: 150px;

}
.summary {
  font weight: 100;
  color: #8fbc8f;
}
h2{
  font size: 2em;
  font-family: 'itc-flora', sans-serif;
  font-weight: 2em;
  color: #8fbc8f;
}
.intro {

}
h3 {
  font-size: 1em;
  display: inline-block;
  font-style: bold;
  width: 300px;
  height: 5px;
  padding: 1px;
  font-family: 'escrow', serif;
  font-style: normal;


}
.preamble {
  font-size: 1em;
  grid-row: span 2;
  grid-column: span 1;
  line-height: 0.9;
  max-width: 950px;
  font-family: escrow, serif;
  font-style: normal;
  color: #8fbc8f;
}
.main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-evenly;
  margin: 10px;
  align-content: space-between;
  padding: 5px;
  grid-gap: 25px;
  background-image: url(backgroundforzen01.png);
  background-size: 4500px 2250px;
  background-repeat:no-repeat;
  background-position: center;
}

.benefits {
  grid-column: 1/span 1;
  grid-row: 2/ span 1;
  padding: 0;
}
.participation {
  grid-column: 2/ span 1;
  grid-row: 1/ span 2;
}
.requirements {
  grid-column: 3/span 1;
  grid-row: 1/span 2;
}
.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.zen-resources{
  grid-column: 1 span 1;
  grid-row: 3 span 1;
}

.view-css{
  grid-column: 2 span 1;
}
.zen-translations{

}
.submit{
  position: fixed;
  top: 10px;
  right: 0px;
}

@media (max-width: 600px) {
  h1{
    font-size: 3rem;
    display: block;
  }

  h2{
    font-size: 1.75rem;
    display: block;
  }

  h3{
    font-size: 1.75rem;
    background-position: fixed;
  }

  .main {
    display: block;
  }

}