body {
	 background-color: #FFD794;
	 margin: 0 80px;
	 font-family: 'Manrope', sans-serif;
	 font-weight: 400;
	 font-size: 24px;
	 line-height: 40px;
}
 h1 {
	 font-size: 40px;
	 font-weight: 400;
	 letter-spacing: 1px;
}
 h2 {
	 font-size: 30px;
	 font-weight: 500;
}
 h3 {
	 font-size: 26px;
	 font-weight: 500;
	 margin-top: 30px;
}
 nav {
	 font-weight: 500;
	 font-size: 21px;
	 line-height: 24px;
	 text-align: center;
	 display: flex;
	 padding: 80px 0;
	 justify-content: space-between;
	 position: relative;
}
 a {
	 color: black;
	 text-decoration: none;
	 border-bottom: 2px solid transparent;
}
 .icon img {
	 display: block;
	 width: 22px;
	 height: 22px;
}
 .gallery1 img {
	 cursor: url("../static/emojis/banana.png"), auto;
}
 .gallery2 img {
	 cursor: url("../static/emojis/chili.png"), auto;
}
 .gallery3 img {
	 cursor: url("../static/emojis/aubergine.png"), auto;
}
 .gallery4 img {
	 cursor: url("../static/emojis/goat.png"), auto;
}
 .gallery5 img {
	 cursor: url("../static/emojis/fish.png"), auto;
}
 .gallery6 img {
	 cursor: url("../static/emojis/bacon.png"), auto;
}
 .gallery7 img {
	 cursor: url("../static/emojis/poultryleg.png"), auto;
}
 .gallery8 img {
	 cursor: url("../static/emojis/beans.png"), auto;
}
 .gallery9 img {
	 cursor: url("../static/emojis/pig.png"), auto;
}
 .gallery10 img {
	 cursor: url("../static/emojis/ice.png"), auto;
}
 .gallery11 img {
	 cursor: url("../static/emojis/shrimp.png"), auto;
}
 .gallery12 img {
	 cursor: url("../static/emojis/hamburger.png"), auto;
}
 .gallery13 img {
	 cursor: url("../static/emojis/mushroom.png"), auto;
}
 .gallery14 img {
	 cursor: url("../static/emojis/wine.png"), auto;
}
 .gallery15 img {
	 cursor: url("../static/emojis/apple.png"), auto;
}
 .gallery16 img {
	 cursor: url("../static/emojis/chili.png"), auto;
}
 .gallery17 img {
	 cursor: url("../static/emojis/meatbone.png"), auto;
}
 .gallery18 img {
	 cursor: url("../static/emojis/icecreambowl.png"), auto;
}
 nav a {
	 display: inline-block;
	 margin: 10px 20px 10px 0px;
}
 nav a.selected {
	 border-bottom: 2px solid #000000;
}
 .left-nav a:hover, .right-nav a:hover {
	 border-bottom: 2px solid #000000;
}
 .logo {
	 width: 33.333%;
	 font-size: 24px;
	 letter-spacing: 1px;
	 text-transform: uppercase;
}
 .left-nav {
	 width: 33.333%;
	 display: flex;
	 justify-content: flex-start;
}
 .right-nav {
	 width: 33.333%;
	 display: flex;
	 justify-content: flex-end;
}
 #gallery {
	 border: 1px solid blue;
}
 section {
	 max-width: 850px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 80px;
}
 section.gallery {
	 max-width: 1000px;
}
 #bio .bio-img {
	 width: 100%;
	 margin: 40px 0;
}
 footer {
	 padding: 80px;
}
 .columns {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 width: 100%;
}
 .column {
	 flex: 33.33%;
}
 .gallery-image {
	 padding: 8px;
}
 .gallery-image a {
	 border-bottom: 0;
	 display: flex;
	 cursor: zoom-in;
	 transition: filter 0.2s ease-in-out;
}
 .gallery-image a:hover {
	 filter: brightness(90%);
}
 .gallery-image img {
	 width: 100%;
}
 .lightbox {
	 background: rgba(0,0,0,0.8);
	 display: none;
	 position: fixed;
	 z-index: 1000;
}
 .lightbox:target {
	 align-items: center;
	 bottom: 0;
	 display: flex;
	 justify-content: center;
	 left: 0;
	 right: 0;
	 top: 0;
}
 a.close {
	 position: absolute;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 cursor: zoom-out;
}
 .lightbox-image-wrapper {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 margin-right: -50%;
	 transform: translate(-50%,-50%);
}
 .lightbox img {
	 max-height: 80vh;
}
 .caption {
	 color: white;
	 font-size: 20px;
}
 .lightbox-image-wrapper p.caption {
	 max-height: 80vh;
}
 p.caption {
	 margin-bottom: 0;
	 line-height: 24px;
	 max-width: 510px;
}
 .contact {
	 text-align: center;
}
 @media only screen and (min-width: 360px) and (max-width: 767px) {
	 body {
		 margin: 20px;
	}
	 nav {
		 padding: 80px 0 10px 0;
		 display: block;
	}
	 nav .logo {
		 width: 100%;
		 position: absolute;
		 top: 20px;
	}
	 .left-nav, .right-nav {
		 width: 100%;
		 justify-content: center;
	}
	 .gallery .columns {
		 display: block;
	}
	 .lightbox-image-wrapper img, .lightbox-image-wrapper p.caption {
		 max-width: 80vw;
	}
	 #media iframe {
		 width: 90vw;
	}
	 #media .youtube {
		 height: 55vw;
	}
	 #past-events .event {
		 flex-direction: column;
	}
	 #past-events .date.stacked {
		 display: inline-block;
	}
	 #menus {
		 text-align: center;
	}
	 #menus header {
		 margin: 40px 0;
	}
	 #menus header h2 {
		 position: relative;
		 left: 0;
		 margin-top: 20px;
	}
	 #menus .menu-item {
		 flex-direction: column;
	}
	 footer {
		 padding: 20px;
		 text-align: center;
	}
}
 @media only screen and (min-width: 768px) and (max-width: 1180px) {
	 body {
		 margin: 30px;
	}
	 nav {
		 padding: 100px 0 30px 0;
		 justify-content: center;
	}
	 .left-nav, .right-nav {
		 width: auto;
	}
	 .logo {
		 width: 100%;
		 position: absolute;
		 top: 40px;
	}
	 #media iframe {
		 width: 90vw;
	}
	 #past-events .event {
		 flex-direction: column;
	}
	 #past-events .date.stacked {
		 display: inline-block;
	}
	 footer {
		 margin: 30px;
		 text-align: center;
	}
}