.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
/*   padding: 10px; */
}

.one {
  grid-column: 1 / span 2;
  height: 170px;
  width: 27em;
}
h1{
  font-family: century gothic;
  font-size: 7em;
  margin: 0;
  padding:0;
  color: red;
  height: 125px;
}

.two {
  height: px;
  width: 9em;
  text-align: left;
  line-height: 0em;
  font: italic 12px/5px Century Gothic, sans-serifs;
  color: lightblue;
}

.three {
  grid-row: span 2;
  height: 120px;
  text-align: right;
  width: 15em;
  line-height: 0em;
  font: italic 12px/2px Century Gothic, sans-serif;
  color: lightblue;
}

.four {
  grid-column: span 2;
/*   height: 20px; */
  width: 22em;
  font: 0px/5px Century Gothic, sans-serif;
}

h2{
  font-family: century gothic;
  font-size: 7em;
  margin: 0;
  color: red;
  height: 40px;
}

.five {
  grid-column: span 2;
  height: 15em;
/*   font-size: 12px; */
  width: 22em;
  text-align: justify;
  font: 9em/20px Century Gothic, sans-serif;
  color: white;
  }

p{
  font-size: 15.9px;
}





/* Additional Visual Styling — you can ignore this */

.grid-container div {
/*   color: #f6f3ea; */
  font-family: century gothic;
  font-weight: light;
  font-size: 1.5rem;
  padding: 1em;
  background: #0c1d38;
}