.container {
    display: grid;
    grid-template-columns:  repeat(8, minmax(0, 1fr));
    grid-template-rows: repeat(11,  minmax(80px, auto));
    gap: 10px;
    width: 100%;
    margin: 0 auto;
   
}




.navbar {
    grid-column: 1 / 9;
    grid-row: 1 / 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
}




.nav-center {
    flex: 1;
    text-align: center;
}




.main-header {
    grid-column: 1 / 9;
    grid-row: 1 / 4;
    background-color: #e0b79d;
    text-align: center;
    padding: 40px 0;
}




.header1 {
    grid-column: 1 / 3;
     grid-row: 4 / 5;
     text-align: center;
    background: linear-gradient( 135deg,  #e0b79d 0%, #f2d3b0 100%, #e0b79d 100% );
    }
.header2 {
    grid-column: 3 / 5;
    grid-row: 4 / 5;
    text-align: center;
    background: linear-gradient( 135deg,  #e0b79d 0%, #f2d3b0 100%, #e0b79d 100% );


}
.header3 { grid-column: 5 / 7;
    grid-row: 4 / 5;
     text-align: center;
     background: linear-gradient( 135deg,  #e0b79d 0%, #f2d3b0 100%, #e0b79d 100% );
    }
.header4 { grid-column: 7 / 9;
     grid-row: 4 / 5;
     text-align: center;
    background: linear-gradient( 135deg,  #e0b79d 0%, #f2d3b0 100%, #e0b79d 100% );
    }
.header5 {
    grid-column: 5 / 6;
     grid-row: 6 / 7;
      text-align: center;
      background: linear-gradient( 135deg,  #e0b79d 0%, #f2d3b0 100%, #e0b79d 100% );
    }




.box1 {
    grid-column: 1 / 3;
     grid-row: 5 / 6;
      display:flex;
       align-items:center;
        justify-content:center;
         border-radius:6px;
         background-color: #e0b79d;
       
}
.box2 {
    grid-column: 3 / 5;
    grid-row: 5 / 6;
    display:flex;
    align-items:center;
    justify-content:center;
     border-radius:6px;
    background-color: #e0b79d;}
.box3 {
    grid-column: 5 / 7;
     grid-row: 5 / 6;
     display:flex;
     align-items:center;
      justify-content:center;
      border-radius:6px;
    background-color: #e0b79d;}
.box4 {
    grid-column: 7 / 9;
     grid-row: 5 / 6;
      display:flex;
      align-items:center;
       justify-content:center;
        border-radius:6px;
    background-color: #e0b79d;}
.box5 {
    grid-column: 5 / 6;
     grid-row: 7 / 9;
     display:flex;
      align-items:center;
      justify-content:center;
       border-radius:6px;
    background-color: #e0b79d;}


.image1 {
    grid-column: 1 / 3;
     grid-row: 6 / 9;
     display:flex;
     align-items:center;
      justify-content:center;
      border-radius:6px;
      background-color: #e0b79d;}
.image2 {
    grid-column: 7 / 9;
     grid-row: 6 / 9;
      display:flex;
      align-items:center;
       justify-content:center;
       border-radius:6px;
       background-color: #e0b79d;


}


.conclusion {
    grid-column: 1 / 9;
    grid-row: 11 / 12;
    text-align: center;
    padding: 20px 0;
    background-color: #e0b79d;
    justify-content: left;


}








