input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button { 

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0; 

}



.grid {

  display: grid;

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

  grid-template-rows: 35px auto 500px 100px auto 100px 600px;

  /*border: 2px blue solid;*/

}



.box {

  background-color: white;

  color: black;

  /*border: 2px dodgerblue solid;*/

} 



.banner {

  color: #ffffff;

  font-family: "Raleway";

  font-size: 19px;

}



.bannerbox {

  background-color: #eb2113;

  grid-column: 1 / span 6;

  height: 35px;

  text-align: center;

  line-height: 35px;

}



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;

}



#homeMenu {

  color: #3c7c67;

  font-style: normal;

  font-weight: bold;

}



.slogan {

  color: #163E3A;

  background-color: rgba(255, 255, 255, 0.85);

  padding: 20px;

  font-family: "Oxygen";

  font-size: 35px;

  position: relative; 

  display: inline-block;

  bottom: 380px;

  z-index: 5;

}



.sloganCenter {

  text-align: center;

}



.products {

  color: white;

  background-color: rgba(24, 49, 40, 0.95);

  padding: 8px;

  font-family: "Raleway";

  font-size: 35px;

  position: relative;

  display: inline-block;

  bottom: 350px;

  z-index: 5;

}



.productsCenter {

  text-align: center;

}



.products:hover {

  background-color: #3c7c67;

}



.heading {

  color: white;

  font-family: "Raleway";

  text-align: center;

  font-size: 35px;

}



.disclaimer {

  color: #242925;

  font-family: "Palanquin";

  text-align: center;

  font-size: 20px;

}



.a {

  min-height: 320px;

  grid-column: 2 / span 4;   

}



.b {

  grid-column: 1 / span 6;

}



.c, .f {

  grid-column: 1/ span 6;   

  background-color: #163E3A;

  border-bottom: 5px #c7713c solid;

}



.d {

  min-height: 300px;

  grid-column: 2 / span 2;

}



.e {

  min-height: 300px;

  grid-column: 4 / span 2;   

}



.g {

  grid-column: 1 / span 6;

}



.image {

  object-fit: cover;

  width: 100%;

  max-height: 100%;

  //position: relative;

  //transform: rotate(270deg);

}



.estimatorHead {

  color: #47967c;

  font-family: "Raleway";

  text-align: center;

  font-size: 30px;

}



.estimatorPara {

  color: #2f4f4f;

  font-family: "Palanquin";

  text-align: center;

  font-size: 18px;

}



.estimatorAnswer {

  color: #47967c;

  font-family: "Palanquin";

  text-align: center;

  font-size: 20px;

}



.estimatorButton {

  color: white;

  background-color: #3c7c67;

  font-family: "Raleway";

  font-size: 23px;

}



.estimatorButton:hover {

  font-size: 21px;

  background-color: #163E3A;

}



.estimatorButtonCenter {

  text-align: center;   

}



.estimatorError {

  color: #b00b0b;

  font-family: "Palanquin";

  text-align: center;

  font-size: 20px;

}