body{
  background-color: #6F4E37;
}
fieldset{border-color: #6F4E37;}
#mapHolder{
    align-items: center;
}
.navbox{
  background-color: #FED8B1;
  text-decoration-color: #6F4E37;
  border-style: solid;
  border-width: medium;
  border-color: #6F4E37;
  padding-left: 5px;
  padding-right: 5px;
}
.navholder{
  display: flex;
  margin: auto;
  width: 50%;
  align-items: center;
  justify-content: space-around;
  background-color: #A67B5B;
  border-style: solid;
  border-width: medium;
  border-color: #ECB176;
}
.gridholder{
  display: grid;
  grid-template-areas:
    "topbar topbar topbar"
    "ads content sidebar"
    'footer footer footer';
  grid-template-rows: 70px auto 120px;
  grid-template-columns: 15% auto 15%;
  row-gap: 10px;
}
.headgrid{
  grid-area: topbar;
}
.contentgrid{grid-area: content;
  background-color: #A67B5B;
  padding: 5px;
  border-style: solid;
  border-width: medium;
  border-color: #ECB176;}
.footergrid{grid-area: footer;background-color: #A67B5B;
padding: 5px;
border-style: solid;
border-width: medium;
border-color: #ECB176;
margin: auto;
width: 50%;}
.row{display: flex;
  margin: auto;
  width: 50%;
align-items: center;
justify-content: space-between;}
.small{
  width: 33%;
  text-align: center;
  align-content: center;
  background-color: #6F4E37;
  color: #FED8B1;
}
.big{
  width: 64%;
}
.middle{
  margin: auto;
  width: 25%;
  text-align: center;
}
.imagesmall{
  width: 50%;
  height: 20%;
}
#SP{width: 50px;}
#PostC{width: 80px;}
#explain{ width: 75%; height: 30px; }
#term{text-align: center;}
#mainflex{
  display: flex;
  flex-wrap: wrap;
  height: fit-content;
  align-content: flex-start;
}