html {
  font-size: 10px;
  font-family: 'Dancing Script', cursive;
  background-color: #faf0e6;
 }

body {
  width: 80%;
  height: 100%;
  margin: 5% auto;
  background-color: #f7f4ee;
  padding: 0 20px 20px 20px;
  border: 5px solid #f3efe6;
  border: 5px solid #f2e5d9;
  border-radius: 10px
}

img {
  border-radius: 25px;
  display: block;
  margin: 0 auto;
  width: 96%;
  height: auto;
}

 h1 {
  color:#ac9353;
  font-size: 8vw;
  text-align: center;
  margin-bottom: 0%;
}

h2 {
  color:#ac9353;
  font-size: 5vw;
  text-align: center;
  margin-top: 0%;
}

hr {
  border-top: 5px solid #ac9353;
  border-radius: 1px;
}

.top {
  width: 50%;
}

.bottom {
  width: 100%;
}

p {
  text-align: center;
  font-size: 3vw;
  line-height: 1.6;
  letter-spacing: 1px;
}

/* Important for front page */


figcaption {
  color:rgba(180, 177, 177, 0.521);
  font-size: 5px;
	text-align: center;
}

.bottomnav {
  background-color: #f7f4ee;
  width: 100%;
  color:#ac9353;
  overflow: auto;
  /*overflow: hidden;*/
}

.bottomnav a {
  float: left;
  
  color:#ac9353;
  text-decoration: none;
  font-size: 3.5vw;
  width: 25%; /* Four links of equal widths */
  text-align: center;
}

.content {
  margin: 2% 2%;
  padding: 2% 0%;
  background-color: #f2e5d9;
  border-radius: 25px;
}

.content p {
  margin: 2% 1% 1.5% 1%;
  padding: 0% 3%;
}

.top {
  width: 50%;
}

.bottom {
  width: 100%;
}

/* Important for other pages */

.content-grid{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 2%;
  padding: 2%;
  background-color: #ecd8c6;
  background-color: #f2e5d9;
  border-radius: 5%;
}

.grid-item1 {
  width: 97%;
}

.grid-item2 {
  width: 97%;
  display: block;
  text-align: left;
    
}

.grid-item1 img {
  width: 100%;
  margin: 0 0;
}

.grid-item2 p {
  text-align: left;
  width: 100%;
}

.googlemap{
  display:block;
  margin: 0 auto 5% auto;
  width: 100%;
  border-radius: 2%;
}

.map p {
  color: #ac9353;
}