.grid {

  display: grid;

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

  grid-template-rows: auto 100px 30px 220px 205px 30px 220px 205px 30px 220px 205px 30px 220px 205px 30px 100px 30px 375px 205px 30px 150px;

}





.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;

}



#productsMenu {

  color: #3c7c67;

  font-style: normal;

  font-weight: bold;

}



.heading {

  color: white;

  font-family: "Raleway";

  text-align: center;

  font-size: 35px;

}



.paraHead {

  color: #163E3A;

  font-family: "Raleway";

  text-align: center;

  font-size: 25px;   

}



.bookmarkHeading {

  color: white;

  font-family: "Raleway";

  text-align: center;

  font-size: 30px;

}



.para {

  color: #242925;

  font-family: "Palanquin";

  text-align: center;

  font-size: 25px;   

}



.notice {

  color: #242925;

  font-family: "Palanquin";

  text-align: center;

  font-size: 20px;

}



.browseAll {

  color: white;

  font-family: "OXYGEN";

  font-size: 50px;

  letter-spacing: 7px;

}



.button {

  color: white;

  background-color: #3c7c67;

  font-family: "Raleway";

  font-size: 25px;

}



.button:hover {

  font-size: 23px;

  background-color: #163E3A;

}



.buttonCenter {

  text-align: center;   

}



#buttonBrowseAll {

  color: white;

  background-color: #3c7c67;

  font-family: "Raleway";

  font-size: 35px;

}



#buttonBrowseAll:hover {

  font-size: 33px;

  background-color: #c7713c;

}



.image {

  object-fit: cover;

  width: 100%;

  max-height: 100%;

}



.separator {

  grid-column: 2 / span 5;

}



.a {

  min-height: 320px;

  grid-column: 2 / span 5;

}



.b, .cc {

  grid-column: 1 / span 7;

  background-color: #163E3A;

  border-bottom: 5px #c7713c solid;

}



.CAD {

  grid-column: 1 / span 1;

}



.c, .ee, .k, .s, .hh {

  grid-column: 2 / span 1;

  background-color: #3c7c67;

  //border-bottom: 5px #c7713c solid;

}



.d, .l, .t, .ii {

  grid-column: 3 / span 2; 

}

    

.e, .m, .u, .jj {

  grid-column: 5 / span 2;

}



.f, .n, .v, .kk {

  grid-column: 2 / span 1;

  border-right: 3px #e08c58 solid;

}



.g, .o, .w, .ll {

  grid-column: 3 / span 1;

  border-right: 3px #e08c58 solid;

}



.h, .p, .x, .mm {

  grid-column: 4 / span 1;

  border-right: 3px #e08c58 solid;

}



.i, .q, .y, .nn {

  grid-column: 5 / span 1;

  border-right: 3px #e08c58 solid;

}



.j, .r, .z, .oo {

  grid-column: 6 / span 1;

}



.aa {

  grid-column: 2 / span 3;

  background-color: #163E3A;

  border-bottom: 5px #c7713c solid;

}



.bb {

  grid-column: 5 / span 2;

  background-color: #163E3A;

  border-bottom: 5px #c7713c solid;

}



.dd {

  grid-column: 2 / span 5;

}



.ff {

  grid-column: 3 / span 3;

  border-right: 3px #e08c58 solid;



.gg {

  grid-column: 6 / span 1;

}