.box1{
    background-image: url(pineforest1.png);
    padding: 30px 90px 90px 90px;
}
.box2{
    background-color: rgb(25, 83, 25, 0.5);
background: 0.5;
    padding: 20px;
    display: flex;
    margin-top: -16px;
    border-style: none dashed dashed dashed;
    border-color: yellowgreen;
}
.heading{
     font-size: 30px;
   font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
  text-align: center; 
  padding: 20px; 
  border-top-style: dashed;
  border-left-style: dashed;
  border-right-style: dashed; 
  border-color: greenyellow;
  background-color: rgb(25, 83, 25, 0.5);
}
.guestbookline{
   background-color: rgb(25, 83, 25, 0.5);
  padding: 10px;
  margin-top: -20px;
  border-style: none dashed none dashed;
  border-color: greenyellow;
  text-align: center;
}
.guestbook{
  color: greenyellow;
  text-align: center;
 
}
.sidebar {

}
.tablecont{
  font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
  text-align: center; 
  color:greenyellow;
  font-size: 20px;
  border-radius: 20px 20px 0px 0px;
  border-style: dashed dashed none dashed;
  margin: 0px;
  width: 150px
  
}
.contentslist{
list-style-type:none;
margin:0;
padding: 0px;
text-align: center;
  height: 90%;
  width: 150px;
  border-radius: 0px 0px 20px 20px;
  padding: 0px;
  border-style: none dashed dashed dashed;
  border-color: greenyellow;

}
.listitem1{
margin: 0px 5px 5px 5px;
padding: 5px;
background-color:#386641;
border-radius: 20px;
border-style: dashed;
border-color: greenyellow;
}
.listitem{
margin: 5px 5px 5px 5px;
padding: 5px;
background-color: #386641;
border-radius: 20px;
border-style: dashed;
border-color: greenyellow;

}
a{
  color: greenyellow;
  text-decoration: none;
  font-size: 20px;
  
}
.content {
  margin-left: 10px;
  padding: 30px;
  background-color: #386641;
  border-radius: 20px;
  border-style: dashed;
  border-color: greenyellow;

}
.intro{
  font-size: 15px;
  text-align: center;
}
  .hebrews928{
    height: 20%px; 
    padding: 20px;
    background-color: greenyellow;
    margin: 20px 20px 0px 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 10px;
   font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
    
   
  }
  .cones{
    text-align: center;
    display: flex;
    justify-content: center;
  }
   h3{
    padding: 35px;
    background-color: #386641;
    margin: 20px 5px;
    border-radius: 20px;
    border-width: 7px;
    border-style: solid;
    border-color: greenyellow;
   }
 .pine1{
  height: 400px;
  margin: 0px -100px -30px -150px;
 } 

 @media only screen and (max-width: 700px) {
  .box1{padding: 0px;}
  .heading{width:100%; margin:0px;}
  .box2{
    display:block;
    width:100%;
  }
  .guestbookline{width:100%;
  margin:auto; padding:20px;}
  .tablecont{width:100%;}
  .contentslist{width:100%}
  .cones{display:block;}
  .pine1{height:200px; margin: auto; display: block;}

}