body {
  background-image: url(https://tayloredvinyl.com/cdn/shop/products/AstrosInspiredStripe.png?v=1590345896);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}

.item1 { 
grid-area: headline;
background-color: rgba(255,255,255,0.7);
font-family: Patua One, serif;
font-size:30px;
}
    
.item2 { 
grid-area: hero; 
background-color: rgba(255,255,255,0.7);

}
    
    .item3 { 
    grid-area: graph1;
    background-color: rgba(255,255,255,0.7);
    font-family: Instrument Sans, sans-serif;
    text-wrap: wrap;
    }
    
    .item4 { 
    grid-area: graph2;
    background-color: rgba(255,255,255,0.7);
    font-family: Instrument Sans, sans-serif;
    text-wrap: wrap;
    }
    
    .item5 { 
    grid-area: graph3;
    background-color: rgba(255,255,255,0.7);
    font-family: Instrument Sans, sans-serif;
    text-wrap: wrap;
    }
    
    .item6 { 
    grid-area: graph4;
    background-color: rgba(255,255,255,0.7);
    font-family: Instrument Sans, sans-serif;
    text-wrap: wrap;
    }
    
    .item7 { 
    grid-area: footer;
    background-color: rgba(255,255,255,0.7);
    font-family: Instrument Sans, sans-serif;
    font-size:30px;
    }
    
    .grid-container {
      display: grid;
      grid-template-areas:
      'headline headline headline headline'
      'hero hero hero hero'
      'graph1 graph2 graph3 graph4'
      'footer footer footer footer';
      gap: 10px;
      background-color: rgb(0,45,98);
      padding: 10px;
      grid-template-rows: 100px 350px 400px 100px;
      grid-template-columns: 24.5% 24.5% 24.5% 24.5%;
      color:rgb(235,110,31);
    }
    
    .grid-container > div {
      text-align: center;
      padding: 30px 0;
    }