body {
  display:flex;
  flex-direction:column;
  font-family:"Lora";
  height:100%; 
	margin:0 auto;
	background-position:center;
}

 body:has(.gallery){ 
	height:auto;
}

header {
  height: 160px;
  /* background-image: url("./images/Wild Crop.jpg"); */
  /* background-size: 100%; */
  /* background-position-y: 100%; */
  /* background-repeat:no-repeat; */
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#A5BEBA;
}

main {
  display:flex;
  flex-direction:row;
  height:100%; 
	/* background-image:url("./images/Green Background.jpg"); */
}

header, main {
	padding-left:30px;
}

nav {
  /* background-color:#232F3E; */
  width:400px;
}

section {
  /* background:#c3c3c3; */
  width:100%;
}

footer {
  background-color:black;
  height:100px;
}

nav ul {
  list-style-type:none;
  padding:0;
  /* text-align:center; */
}

nav li {
  font-size:50px;
  margin-bottom:25px;
}

h1 {
  font-family: "Montserrat";
  font-size:4em;
  font-weight:normal;
}

.textshadow{
	/* text-shadow:.02em .02em 0 black,  */
	/* .02em -.02em 0 black, */
	/* -.02em .02em 0 black, */
	/* -.02em -.02em 0 black; */
	color:#A5BEBA;
}

.tagline{
	font-size:3.5em;
	color:9B0D0D;
	text-shadow:3px 3px 1px rgba(189,121,121,0.75);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-content:center;
}

.tagline span {
	text-align:center;
	margin-bottom:25px;
}

div:has(.tagline){
	display:flex;
	justify-content:center;
	align-content:center;
}

a {
	color:#A5BEBA;
  font-family: "Montserrat";
  font-weight:normal;
  text-decoration:none;
}

a:hover {
	color:#d2dedc;
}

figcaption > span {
	background-color:rgba(255,255,255,0.65);
	padding:5px;
	font-weight:bold;
}

main p {
	margin: 16px 40px auto;
}

.gallery {
	display:flex;
	flex-wrap:wrap;
}

.gallery figure {
	flex-basis:350px;
	flex-grow:1;
	flex-shrink:1;
}

.gallery figure img {
	width:100%; 
}

.gallery figcaption {
	margin-top:-25px;
}

.modal{
    display:none;
    position: fixed;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    padding:0;
    margin: 0;
    text-align:center;
	align-content:stretch;
	justify-content:stretch;
}

.slide {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  margin-top: 5vh;
  margin-bottom: 5vh;
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 90%;
  padding:0px;
  border-color: white;
  border-style: solid;
  border-width: 4px;
  -webkit-box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.65);
  -moz-box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.65);
  box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.65);
  object-fit:cover;
}


@media screen and (width < 600px) {
	body {
		margin:0;
	}
	
	header{
		height:auto;
		flex-direction:row;
	}
	
	nav {
		width:100%;
	}
	
	nav ul {
		margin-top:0;
	}
	
	nav li {
		margin-bottom:0;
	}
	
	main {
		flex-direction:column;
	}
	
	main section {
		height:100%;
	}
}

@font-face {
  font-family: "Balgin Regular";
  src: url("./fonts/Fontspring-DEMO-balgin-regular.otf");
}

@font-face {
  font-family: "Balgin Regular";
  src: url("./fonts/Fontspring-DEMO-balgin-bold.otf");
  font-weight:bold;
}

@font-face {
  font-family: "Balgin Regular";
  src: url("./fonts/Fontspring-DEMO-balgintext-regularitalic.otf");
  font-style:italic;
}

@font-face {
  font-family: "Balgin Regular";
  src: url("./fonts/Fontspring-DEMO-balgintext-light.otf");
  font-weight:lighter;
}

@font-face {
  font-family: "Balgin Display";
  src: url("./fonts/Fontspring-DEMO-balgindisplay-regular.otf");
}

@font-face {
  font-family: "Balgin Display";
  src: url("./fonts/Fontspring-DEMO-balgindisplay-bold.otf");
  font-weight:bold;
}

@font-face {
  font-family: "Balgin Display";
  src: url("./fonts/Fontspring-DEMO-balgindisplay-extrabold.otf");
  font-weight:900;
}

@font-face {
  font-family: "Balgin Display";
  src: url("./fonts/Fontspring-DEMO-balgindisplay-light.otf");
  font-weight:lighter;
}

@font-face {
  font-family: "Balgin Display";
  src: url("./fonts/Fontspring-DEMO-balgindisplay-extralight.otf");
  font-weight:100;
}

@font-face {
  font-family: "Balgin Display";
  src: url("./fonts/Fontspring-DEMO-balgindisplay-bolditalic.otf");
  font-weight:bold;
  font-style:italic;
}