body{
    background-color: ghostwhite;
    border-color: black;
    
}

main{
    display: grid;
    grid-template-columns:4fr.5;
    grid-template-rows: 100px 1fr 1fr 1fr 40px;
    width: 1280px;
    margin: auto;
    background-color: ghostwhite;
    border-color: black;
    text-align: center;
    }

    h1{
        grid-column: 1/6;  
        grid-row: 1/2;         
        text-align: center;
        border-style: solid;
        
      
      }    
      .heroimg{
          grid-column: 1/6;
          grid-row: 2/3;
          border-style: solid;
          
    background-size: cover;
          
      }
      .para1{
      grid-column: 1/2;
      grid-row: 3/5;
      border-style: solid;
      text-align: center;
      }
      .para2{
          grid-column: 2/3;
      grid-row: 3/5;
      border-style: solid;
      text-align: center;
      }
      .para3{
          grid-column: 3/4;
      grid-row: 3/5;
      border-style: solid;
      text-align: center;
      }
      .para4{
          grid-column: 4/5;
      grid-row: 3/5;
      border-style: solid;
      text-align: center;
      }
      
      
footer{
text-align: center;
grid-row:5/6;
grid-column: 1 / span 3;
border-style: solid;
}