.NavBox{
  width: 2000px;
  height: 100px;
  left: -10px;
  background-color: #0f2a1d;
  position: relative;
  top: -40px;
  
  
  
}
.NavBox h1{
       color: #6b9071;
      position: relative;
      right: -100px;
      top: 35px;
      
}   
.NavBox img{
  top: 100px;
  height: 75px;
  z-index: 0;
  margin-top: -35px;
 
}

body{
  background-image: url(Background\ 2.JPG);#
  
  background-repeat: no-repeat;
  background-size: 110%;
  background-position:35% 120%;
  back
  width: 1px;
  height: 1px;
  width: 1px;
  
}

.ButtonHome h1{
  position: relative;
  margin-top: 100px;
  color: #6b9071;
  font-size: large;
  



}

.HomeButton-container {
  display: flex;
  justify-content: center;
  align-items: center;



}


.contentframe{

  position: absolute;
  top: 400px;
  left: 137px;
  width: 300px;
  height: 300px;
}

.Location{
  position: absolute;
  top: 300px;
  background-color: #0f2a1d;
  font-size: 20px;
  width: 170px;
  height: 90px;
  text-align: center;
  color: #6b9071;
  left: 200px;
  
   


}









.FishingButton{
  position: absolute;
  top: -33px;
  z-index: 1;
  left: 1300px;
  
  border: none;
  font-size: x-large;

 
  
}

.AboutButton{
  position: absolute;
  top: -33px;
  z-index: 1;
  left: 1410px;
  
  border: none;
  font-size: x-large;

 
  
}

.TitleLoc{
  top: 300px;
  z-index: 1;
  position: absolute;

}

.Map{
 top: 100px;

}
.infobox2{
 width: 520px;
 height: 700px;
 right: 300px;
 position: absolute;
 background-color: rgba(107, 144, 113, 0.7);

}

.infobox3{
  width: 2020px;
  height: 1000px;
  right: 00px;
  position: absolute;
  background-color: rgba(107, 144, 113, 0.9);
  top: 820px;
 
 }

.TitleAbt{
  position: absolute;
  right: 320px;
  top: 120px;
  font-size: 22px;
  z-index: 1;
  
  color: #0f2a1d;
  

}

.hottub{
  z-index: 1;
  height: 400px;
  right: 100px;
  top: 1100px;
  position: absolute;
  border-style: solid;
  border-width: 10px;
  border-color: #0f2a1d;
  border-radius: 90px;
}

.hottubinfo{
  position: absolute;
  top: 1000px;
  z-index: 1;
  color: #0f2a1d;
  width: 1000px;
  font-size: 40px;
  
  
}

.TitleHottub{
  position: absolute;
  right: 75%;
  top: 820px;
  font-size: 32px;
  z-index: 1;
  
  color: #0f2a1d;
  

}

.InfoInside{

position: absolute;
width: 500px;
right: 290px;
top: 200px;
font-size: 14px;


}
.IMGM{
  visibility: collapse;
}

.HomeButton{
  position: absolute;  
  border: none;
   height: 50px;
   width: 80px;
  font-size: 19px;   
  left: 1100px;
  top: 15px;
  color: #6b9071;
  background: linear-gradient(90deg, #0f2a1d, #375534);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
  transition: box-shadow 0.3s ease, transform 0.3s ease;

}


.HomeButton:hover {

box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
transform: translateY(-3px);

}
.BookButton-container {
  display: flex;
  justify-content: center;
  align-items: center;



}

.BookButton{
  position: absolute;  
  border: none;
   height: 50px;
   width: 80px;
  font-size: 19px;   
  left: 1200px;
  top: 15px;
  color: #6b9071;
  background: linear-gradient(90deg, #0f2a1d, #375534);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
  transition: box-shadow 0.3s ease, transform 0.3s ease;

}


.BookButton:hover {

box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
transform: translateY(-3px);

}






.iMg{

  style="height: 200px; position: absolute; right: 10px; top: 150px;  border: #6b9071; border-color: #6b9071; border: solid; border-width: 10px;
}
.FishingButton-container {
  display: flex;
  justify-content: center;
  align-items: center;



}

.FishingButton{
  position: absolute;  
  border: none;
   height: 50px;
   width: 80px;
  font-size: 19px;   
  left: 1300px;
  top: 15px;
  color: #6b9071;
  background: linear-gradient(90deg, #0f2a1d, #375534);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
  transition: box-shadow 0.3s ease, transform 0.3s ease;

}


.FishingButton:hover {

box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
transform: translateY(-3px);

}




.AboutButton-container {
  display: flex;
  justify-content: center;
  align-items: center;



}

.AboutButton{
  position: absolute;  
  border: none;
   height: 50px;
   width: 80px;
  font-size: 19px;   
  left: 1400px;
  top: 15px;
  color: #6b9071;
  background: linear-gradient(90deg, #0f2a1d, #375534);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
  transition: box-shadow 0.3s ease, transform 0.3s ease;

}


.AboutButton:hover {

box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
transform: translateY(-3px);

}


@media screen and (max-width: 500px) {

  .hottubinfo{
    width: 350px;
    font-size: 25px;
    top: 1850px;
  }



  .NavBox{
    width: 490px;
    position: absolute;
    height: 125px;
    
  }
  body{
  
   background-size: 270%;
   background-position: 50% 96%;
   
   
   
 
  }

  .contentframe{

    position: absolute;
    top: 1320px;
    left: 37px;
    width: 300px;
    height: 300px;
  }

  .NavBox Img{
    position: absolute;
    height: 50px;
    top: 90px;
    box-shadow: none;
    left: 5px;
    top: 90px;
  }
  .NavBox h1{
    visibility: collapse;
  }
  .HomeButton{
    position: absolute;
    left: 70px;
    top: px;
    font-size: 20px;
    width: 70px;
    height: 50;
    text-align: center;
    visibility: visible;
    font-size: 15px;
    line-height: 50px;
    z-index: 2;
    
  }
  .FishingButton{
    left: 230px;
    top: 15px;
    width: 70px;
    height: 50;
    text-align: center;
    visibility: visible;
    font-size: 15px;
    line-height: 50px;
    z-index: 2;
  }
  .BookButton{
    left: 150px;
    top: 15px;
    width: 70px;
    height: 50;
    text-align: center;
    visibility: visible;
    font-size: 15px;
    line-height: 50px;
    z-index: 2;
  }
  .AboutButton{
    left: 310px;
    top: 15px;
    width: 70px;
    height: 50;
    text-align: center;
    visibility: visible;
    font-size: 15px;
    line-height: 50px;
    z-index: 2;
  }

  .WelcomeText{
   left: 30px;
   font-size: 30px;
   top: 180px;

  }
  .ToTheText{
    left: 130px;
    font-size: 20px;
  }
  .LakeText{
    left: 110px;
    font-size:30px;
  }
  .BookButtonM{
    right: 10px;
  }

  .BridgeLakeText{
    visibility: collapse;
  }

  .BookMain{
    left: 130px;
    top: 470px;
    width: 140px;
    height: 80px;
 

  }

  .BoxAco{
    width: 400px;
    height: 3000PX;
  }

  .InfoInside{
    left: 30px;
    width: 90%;
    top: 250px;
    font-size: 12px;


  }
  .TitleAbt{
    left: 20px;
    width: 100%;
  }


  .acotext{
   visibility: collapse;

  }

  .container{
    visibility: collapse;
  }

  .Dbuttons{
    visibility: collapse;


  }

  .MAcoText{
    visibility: visible;
    position: absolute;
    top: 100px;
    left: 25%;
  }


  .MAcoacornimg{
    visibility: visible;
    position: absolute;
    
    z-index: 1;
    height: 200px;
    border-width: 200px;
    border-color: black;
    border: black;
    border-style: solid;
    top: 200px;
    left: 15%;
    border-radius: 20px;


  }


  .AcornButton{
    visibility: visible;
    top: 450px;
    left: 120px;
    




  }


  .AcornButtonAC{
    height: 1000px;


  }





  .MWillowText{
    visibility: visible;
    position: absolute;
    top: 600px;
    left: 25%;
  }


  .WillowIMG{
    visibility: visible;
    position: absolute;
    
    z-index: 1;
    height: 200px;
    border-width: 200px;
    border-color: black;
    border: black;
    border-style: solid;
    top: 700px;
    left: 15%;
    border-radius: 20px;


  }


  .WillowButton{
    visibility: visible;
    position: absolute;
    top: 950px;
    left: 120px;
    z-index: 1;
    




  }





  .MOakText{
    visibility: visible;
    position: absolute;
    top: 1100px;
    left: 30%;
  }


  .OakIMG{
    visibility: visible;
    position: absolute;
    
    z-index: 1;
    height: 200px;
    border-width: 200px;
    border-color: black;
    border: black;
    border-style: solid;
    top: 1200px;
    left: 15%;
    border-radius: 20px;


  }


  .OakButton{
    visibility: visible;
    position: absolute;
    top: 1450px;
    left: 120px;
    z-index: 2;
    




  }



  .MMapleText{
    visibility: visible;
    position: absolute;
    top: 1600px;
    left: 30%;
  }


  .MapleIMG{
    visibility: visible;
    position: absolute;
    
    z-index: 1;
    height: 200px;
    border-width: 200px;
    border-color: black;
    border: black;
    border-style: solid;
    top: 1700px;
    left: 15%;
    border-radius: 20px;


  }


  .MapleButton{
    visibility: visible;
    position: absolute;
    top: 1950px;
    left: 120px;
    z-index: 2;
    
  }



  .MSheperdText{
    visibility: visible;
    position: absolute;
    top: 2100px;
    left: 15%;
  }



  


  .ShepherdIMG{
    visibility: visible;
    position: absolute;
    
    z-index: 1;
    height: 200px;
    border-width: 200px;
    border-color: black;
    border: black;
    border-style: solid;
    top: 2200px;
    left: 15%;
    border-radius: 20px;


  }


  .ShepherdButton{
    visibility: visible;
    position: absolute;
    top: 2450px;
    left: 120px;
    z-index: 2;
    
  }
  




  .MTunnelText{
    visibility: visible;
    position: absolute;
    top: 2600px;
    left: 30%;
  }



  


  .TunnelIMG{
    visibility: visible;
    position: absolute;
    
    z-index: 1;
    height: 200px;
    border-width: 200px;
    border-color: black;
    border: black;
    border-style: solid;
    top: 2700px;
    left: 15%;
    border-radius: 20px;


  }


  .TunnelButton{
    visibility: visible;
    position: absolute;
    top: 2950px;
    left: 120px;
    z-index: 2;
    
  }


  .InfoBox{
      background-color: rgb(174, 195, 176, 0.85);
      left: 0px;
      width: 410px;
      height: 25000px;


  }

  .FishingText{

      left: 50px;
      width: 350px;
  }

  .Title{
left: 40px;
width: 1000px;

  }



  .Title2{
      left: 40px;
      width: 1000px;
      top: 1000px;
      
  }

  .Map{
    top: 100px;


  }

  .infobox2{
    left: 0px;
    width: 450px;
    top: 100px;
    height: 2500px;
  }

  .Location{

    top: 1200px;
    z-index: 2;
    left: 110px;
    
  }

  .iMg{
    visibility: collapse;
  }
  .IMGM{

    visibility: visible;
    height: 200px;
    z-index: 3;
    position: absolute;
    top: 980px;
    left: 50px;
    border-style: solid;
    border-width: 5px;
  }

  .hottub{
    height: 250px;
    top: 2400px;
    right: 20px;
  }

  .TitleHottub{
    top: 1750px;
    width: 600px;
    left: 10px;
  }