html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;

}
body{
        overflow-x: hidden
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.tb_see_more_btn_wrap .tb_see_more_btn {
	color:white;
	
}

.galleryBox {
    height: fit-content;
    background: #5E3036;
    background-color: rgba(94, 48, 54, .8);
    padding: 2em;
    margin-top: 4em;

}

.btbox{transform: rotate(90deg); position: absolute; height: 10%; width: 8%; left: 41%;}
.btright{transform: rotate(-90deg); position: absolute; height: 10%; width: 8%;left: 51%;}
.btframe{width: 100%; height: 100%; }
	.invis{
	fill: none;
	stroke: none;
	}
	.bpath{fill: none;
	stroke: none;}
      .drawme {
        fill: none;
		stroke: #BDA25E;
		stroke-width: 3;
		animation-name: draw;
		animation-duration: 2s;
		animation-fill-mode: forwards; // Stay on the last frame
		animation-iteration-count: 1; // Run only once
		animation-timing-function: linear;
      }
	  
	  @keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}



body {

  background-color: #305F3A;
  background-image: url("../images/DarkenedForest800.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: white;
  font-family: 'Cormorant Garamond', serif;
}
.main{padding:2%; padding-bottom: 5%;}

.grid, .instagram_gallery{
	background: #5E3036;
    background-color: rgba(94, 48, 54, .8);
    padding: 2em;
	margin: 0;
	display:grid;

	grid-template-columns: 1fr;
	grid-auto-rows: 500px;
	gap: 3em;
}


.wide{
	width: 100%;
	padding: 0;
	margin: auto;
	display: block;
	
}
.wide img{vertical-align: top;  object-fit: cover; width: 100%; height: 20em; margin: auto; }

.box,  .instagram_gallery a{vertical-align: top;grid-column: span 1; width: 100%; }
.outerBox{background-color: #5E3036; background-color: rgba(94, 48, 54, .8); padding: 2em; margin: auto; }
.textBox{
    background:#4E576F;
 padding: 1em;
 margin: auto;
}

.overtext{
	max-width: 30%;
    padding: .2em .5em;
    position: relative;
	display: inline;
    top: 2em;
	text-align: center;
	font-size: 1.5em;
    left: .8em;
	background-color: #5E3036; 
	background-color: rgba(94, 48, 54, .8);
}
.box img,  .instagram_gallery a img{vertical-align: top; width: 100%; height: 100%;  object-fit: cover; }

.navbox{
	font-weight: 700;
	 text-transform: uppercase;
	font-size: 2em;
	padding: 6%;
	margin: auto;
	background-color: #4E576F;
	text-align: center;
	border-radius: 100%;
	opacity: 1;
	font-family: 'Alegreya Sans', sans-serif;
}
.logospace{height: 30%; margin: 0px; background-color: #305F3A; background-color: rgba(48, 95, 58, .8);}
.logo{width:100%; height:100%; z-index: 10;}
.logobox{
	z-index: 9;
	position: fixed;
	top: 0;
	width: 50%;
	height: 25%;
	left: 50%;
	
	margin-left: -25%; /* Negative half of width. */

}

.footer{
	padding: 5%;
	font-style: italic;
	text-align: center;
}

.moHead{height: 10%; background-color: #4E576F;
	position: fixed;
	top: 0;
	width: 100%;
}
.moButton{height: 100%; width: 40%;
	position: fixed;
	top: 0;
	width: 10%;
	height: 10%;
	left: 67.5%;

}
.moIcon{width: 100%; height: 100%;}
.moIcon svg{width: 100%; height: 100%;}
.header{
	z-index: 5;
	position: sticky;
	top: 0;
	margin: 0px;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 1px;
	width: 100%;
	background-color: #4E576F;
	background-color: rgba(78, 87, 111, .8);
	 display: grid;

}	
	
a:link,a:visited, a:hover,a:active {color: white; }
	

@media only screen and (max-width: 600px ){	
	.header, .logospace{display: none;}}
@media only screen and (min-width: 600px ){
	.moButton, .moHead, .moIcon{display: none;}
	
}

@media only screen and (min-width: 800px ){
    

	body{
background-image: url("../images/DarkenedForest1024.jpg");}}

@media only screen and (min-width: 1024px ){
    .main{margin: 0 10%;}
         .outerBox{max-width: 34em;}
.textBox{ max-width: 30em;}
	.grid, .instagram_gallery{
			grid-template-columns: 1fr 1fr;	}
	body{
	background-image: url("../images/DarkenedForest1400.jpg");}
}
@media only screen and (min-width: 1400px ){
	body{
	background-image: url("../images/DarkenedForest1920.jpg");}
}
@media only screen and (min-width: 2000px ){
	body{
	background-image: url("../images/DarkenedForest.jpg");
}}