/*rgb(169, 169, 169) Dark Grey*/
@font-face{
	font-family: Memphis;
	src: url(myfonts/memphis.ttf);
}
@font-face{
	font-family: Phagspa;
	src: url(myfonts/phagspa.ttf);
}
body{
	text-align: center;
	font-family: Phagspa;
	background-color: rgb(169, 169, 169);
}
h1, h2{
	font-family: Memphis;
}
.nav_background{
	background-image: url(images/background.jpg);
	height: 700px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.nav_wrap{
	display: flex;
	flex-direction: column;
	background-color: rgba(0, 0, 0, .7);
}
.nav_wrap figure img{
	width: 75vw;
	max-width: 500px;
}
.nav_wrap nav{
	display: block;
	margin-top: 0;
/*	background-color: rgba(0, 0, 0, .2);*/
}
nav ul{
	display: block;
	list-style: none;
	padding: 0;
	margin: 16px auto;
}
nav ul li{
	margin: 5px 5px;
}
nav ul li a{
	display: block;
	text-decoration: none;
	/*font-size: 1.5em;*/
	color: rgb(255, 255, 255);
	background-color: rgba(0, 0, 0, .4);
	padding: 5px 5px;
}
nav ul li a:hover{
	color: rgb(250, 0, 0);
	background-color: rgba(0, 0, 0, .3);
	border-bottom: 3px solid rgba(250, 0, 0, .5);
}
.wrapper{
	display: flex;
	flex-direction: column;
	column-count: 3;
	background-color: rgb(220, 220, 220);
	height: 100%;
}
.wrapper .section_box{
/*	flex-direction: column;*/
	margin: 0 auto;
/*	margin-right: 100px;*/
	width: 85%;
}
.wrapper aside{
	margin: 0 auto;
	padding: 0 10px;
/*	flex-direction: column;*/
	width: 85%;
}
.figure_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}
aside figure{
	width: 100%;
	max-width: 300px;
	overflow: auto;
	margin: auto;
}
aside figcaption{
	width: 175px;
	margin: auto;
}
aside figcaption:nth-child(1){
	font-weight: bold;
}
aside figure img{
	height: 500px;
	width: 300px;
	max-width: 250px;
	max-height: 500px;
	margin: 0;
}
.gallery{
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	background-color: rgb(220, 220, 220);
}
.gallery figure{
	display: inline-block;
	flex-wrap: wrap;
	margin: 10px 20px;
}
.gallery figure img{
	height: 400px;
}
footer{
	height: 150px;
	background-color: rgb(192, 192, 192);
}
footer h2{
	margin: 10px 0;
}
footer p{
	margin: 3px 0;
}
@media screen and (min-width: 510px){
	.nav_wrap{
		display: flex;
		flex-direction: column;
		background-color: rgba(0, 0, 0, .7);
	}
	.nav_wrap figure img{
		width: 75vw;
		max-width: 500px;
	}
	.nav_wrap nav{
		display: flex;
		margin-top: 0;
		background-color: rgba(0, 0, 0, .2);
	}
	nav ul{
		display: flex;
		margin: 0 auto;
	}
	nav ul li a{
		display: flex;
		background-color: rgba(0, 0, 0, 0);
		padding: 10px 5px;
	}
	.wrapper{
		height: 100%;
	}
} /*end of 510px*/
@media screen and (min-width: 800px){
	.wrapper{
		font-size: 1.1em;
		display: flex;
		flex-direction: row;
		height: 100%;
	}
	.wrapper .section_box{
		flex-direction: row;
		width: calc(45% - 20px);
		margin: 0;
		margin-right: 25px;
	}
	.wrapper aside{
		margin: 0;
		margin-left: 20px;
		padding: 0 10px;
		flex-direction: row;
		width: calc(55% - 20px);
	}
	aside figure{
		margin: auto;
	}
	aside figure img{
		max-width: 300px;
	}
} /*end of 800px*/
@media screen and (min-width: 1075px){
	.nav_wrap{
		display: flex;
		flex-direction: row;
		background-color: rgba(0, 0, 0, .7);
	}
	.nav_wrap nav{
		display: flex;
		margin-top: 50px;
		height: 50px;
		background-color: rgba(0, 0, 0, .2);
	}
	.wrapper{
		height: 75vh;
	}
	.figure_box{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		margin: 0;
		padding: 0;
	}
	aside figcaption{
		width: 175px;
		margin: auto;
	}
} /*end of 1075px*/
@media screen and (min-width: 1380px){
	nav ul li{
		margin: 0 5px;
	}
	nav ul li a{
		font-size: 1.5em;
		padding: 10px 15px;
	}
	.wrapper{
		height: 100%;
	}
} /*end of 1380px*/
@media screen and (min-width: 1425px){
	.figure_box{
		display: flex;
		justify-content: space-around;
		margin: 0;
		padding: 0;
	}
	aside figure{
		overflow: initial;
	}
	aside figcaption{
		width: 240px;
	}
} /*end of 1425px*/