body {
  padding-left: 11em;
text-align: left;
  font-family:Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
  color: purple;
  background-color: #FFFFFF
 }

ul.navbar {

text-align: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em }

h1 {
  font-family:Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
 color: purple;
font-size: 20px;
 }



h2 {
  font-family:Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
 color: purple;
font-size: 20px;
text-decoration: underline;
font-style: italic;
 }




h3 {
  font-family:Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
 color: purple;
font-size: 10px;
 }



ul.navbar a {

  text-decoration: underline }
a:link {
  color: purple }
a:visited {
  color: blue }
address {
  margin-top: 1em;
  padding-top: 1em; }


p {
  font-family:Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
  font-size: 14px;
color: purple;
  text-align: left;
}


.grid-container {
  display: inline-grid;
  grid-template-columns: auto auto ;
grid-template-rows: 340px 100px 150px ;
  background-color: ;
  
}

.grid-container > div {
  background-color: ;
  text-align: left;
  font-size: 0px;
padding: 10px;
}

.grid-item {
  background-color: ;
  border: ;
  padding: 0px;
  font-size: 0px;
  text-align: left;
}


.item3 {
  grid-column: 1 / span 2;
}