.grid {

  display: grid;

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

  grid-template-rows: auto auto;

}



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;

}



#contactMenu {

  color: #3c7c67;

  font-style: normal;

  font-weight: bold;

}



.heading {

  color: white;

  font-family: "Raleway";

  text-align: center;

  font-size: 50px;

}



.a {

  min-height: 320px;

  grid-column: 2 / span 2;

}



.b {

  grid-column: 1 / span 2;

}



.c {

  min-height: 450px;

  grid-column: 3 / span 2;   

  background-color: #3c7c67;

  border-bottom: 5px #c7713c solid;

}



.para {

  color: #242925;

  font-family: "Palanquin";

  text-align: center;

  font-size: 30px;   

}



.button {

  color: white;

  background-color: #163E3A;

  font-family: "Raleway";

  font-size: 35px;

}



.button:hover {

  font-size: 33px;

  background-color: #c7713c;

}



.buttonCenter {

  text-align: center;   

}



.image {

  object-fit: cover;

  width: 100%;

  max-height: 100%;

}