@import url(https://fonts.googleapis.com/css?family=Notable);

p {
    font-size: 14px;
}



body{
   font-family: 'Notable',serif;
   font-size: x-small;

}

header {
  font-size: 6pt;
}





.intro {

  padding:1em;
  border: 1px solid red;
  background-image:
    url('http://dretchstorm.com/wp-content/uploads/2017/08/high-resolution-nature-sky-background-1-desktop-high-resolution-backgrounds-x-with-nature-sky-background-hd-images-of-pc.jpg');

}







.summary {

    grid-column: 1;
    border: 1px solid rgba(0,0,0,0.8);
    padding: 20px;
    font-size: 30px;
    background-color: #CFE0E2;
}
.preamble {
  grid-column: 2 / -1;
  border: 1px solid rgba(0,0,0,0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
  background-color: white;
}



.explanation {

  border: 1px solid rgba(0,0,0,0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
    background-color: #CFE0E2;
}


.participation {

  border: 1px solid rgba(0,0,0,0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
    background-color: white;
}

.benefits {

  border: 1px solid rgba(0,0,0,0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
    background-color: #CFE0E2;
}


.requirements {

  border: 1px solid rgba(0,0,0,0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
    background-color: white;
}


a {
    color: hotpink;
}

a:hover {
    color: blue;
}


@media (min-width: 768px) {
  .page-wrapper {
    display: grid;
      grid-template-rows:10em 1fr;
      grid-gap:5em;
    grid-template-columns: 200px 1fr 200px;
    grid-template-rows: auto 1fr auto;

  }