.item1 { 
grid-area: header; 
}

.item3 { 
grid-area: main; 
}

.item4 { 
grid-area: right; 
}

.item5 { 
grid-area: footer; 
}

.footer{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  color:white;
  text-align:center; 
}

.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'main main main right right right'
    'footer footer footer footer footer footer';
}

.grid-container > div {
  text-align: center;
  font-size: 30px;
}

h1{
  color: white;
  font-size:150%;
  text-align:left;
padding-left:15%;

}

h2{
  color: white;
  font-size:150%;
  text-align:left;
padding-left:20%;
  line-height: 30%;

}


h3{
  color: white;
  font-size:350%;
line-height:0.1;
display:block
}

h4{
  color: white;
  font-size:350%;}



li{
  color: white;
  font-size:150%;
  line-height: 120%;
overflow-wrap: break-word;
}

p{
  color: white;
  font-size:150%;
  line-height: 1.25;
  text-align:left;
padding-left:20%;

}

p2{
  color: white;
  font-size:150%;
  line-height: 0.1;
display:block
}


ul{
  padding-left: 21%;	
  text-align:left;
max-width:45%;

}


body{
    background-color: #030304;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: cover;

  }