.grid {

  display: grid;

  grid-template-columns: 15% 23.3% 23.3% 23.4% 15%;

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

}

 

.box {

  background-color: white;

  color: black;

  /*border: 2px dodgerblue solid;*/

} 



.product {

  color: #2f4f4f;

  font-family: "Palanquin";

  text-align: center;

  font-size: 18px;

}

 

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;   

}

 

.image {

  object-fit: cover;

  width: 100%;

  max-height: 100%;

}

 

.separator {

  grid-column: 2 / span 4;

}

 

.a {

  min-height: 320px;

  grid-column: 2 / span 3;

}

 

.bb {

  grid-column: 1/ span 5;   

  background-color: #163E3A;

  border-bottom: 5px #c7713c solid;

}

 

.b {

  grid-column: 2 / span 1;

  height: 400px;

}



.c {

  grid-column: 3 / span 1;

  height: 400px;

}



.d {

  grid-column: 4 / span 1;

  height: 400px;

}

 

.dd {

  //min-height: 290px;

  grid-column: 2 / span 3;

}