.grid {

  display: grid;

  grid-template-columns: 15% 17.5% 17.5% 17.5% 17.5% 15%;

  grid-template-rows: auto 100px auto auto 100px auto auto 100px 30px auto auto auto auto auto auto;

}



.box {

  background-color: white;

  color: black;

  /*border: 2px dodgerblue solid;*/

} 



h1 {

  color: #163E3A;

  font-family: "Oxygen";

  text-align: center;

  font-size: 90px;

  font-weight: bold;

}



.menu {

  color: #c7713c;

  font-family: "Raleway";

  text-align: center;

  font-size: 35px;

}



a:hover {

  font-weight: bold;

}



#aboutMenu {

  color: #3c7c67;

  font-style: normal;

  font-weight: bold;

}



.heading {

  color: white;

  font-family: "Raleway";

  text-align: center;

  font-size: 35px;

}



.paraHead {

  color: #47967c;

  font-family: "Raleway";

  text-align: center;

  font-size: 30px;   

}



.para {

  color: #2f4f4f;

  font-family: "Palanquin";

  text-align: center;

  font-size: 20px;   

}



.product {

  color: #2f4f4f;

  font-family: "Palanquin";

  text-align: right;

  font-size: 18px;

}



.people {

  color: #2f4f4f;

  font-family: "Palanquin";

  text-align: center;

  font-size: 18px;

}



.image {

  object-fit: cover;

  width: 100%;

  max-height: 100%;

}



.separator {

  grid-column: 2 / span 4;

}



.a {

  min-height: 320px;

  grid-column: 2 / span 4;

}



.b, .i, .bb {

  grid-column: 1/ span 6;   

  background-color: #163E3A;

  border-bottom: 5px #c7713c solid;

}



.c {

  grid-column: 2 / span 4;

}





.e {

  grid-column: 2 / span 2;

}





.g {

  grid-column: 4 / span 2;

}



.j, .p, .v {

  min-height: 225px;

  grid-column: 2 / span 1;

  background-color: #3c7c67;

  border-bottom: 5px #e08c58 solid;

}



.k, .q, .w {

  min-height: 225px;

  grid-column: 3 / span 1;

}



.l, .r, .x {

  grid-column: 4 / span 2;

}



.m, .s, .y {

  grid-column: 2 / span 2;

}



.n, .t, .z {

  min-height: 225px;

  grid-column: 4 / span 1;

  background-color: #3c7c67;

  border-bottom: 5px #e08c58 solid;

}



.o, .u, .aa {

  min-height: 225px;

  grid-column: 5 / span 1;

}



.cc {

  grid-column: 2 / span 2;

}



.ee {

  grid-column: 2 / span 2;

}



.dd {

  //min-height: 290px;

  grid-column: 4 / span 2;

}



.ff {

  //min-height: 240px;

  grid-column: 4 / span 2;

}