@charset "UTF-8";
/* CSS Document */

body {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	margin: auto;
	line-height: 1;
	font-family: 'Khand', Helvetica, Verdana, Arial, sans-serif;
	padding:0;
	text-align: center;
	color: #373737;
	letter-spacing: 1px;
	cursor: auto;
	}
:link, :visited, :hover, :focus, :active {
    text-decoration: none;
}
header {
	z-index: 300;
	display: inline-block;
	font-family: "khand", "source sans pro",Verdana, Arial, sans-serif;
	width: 100%;
	margin: auto;
	height: auto;
	text-align: center;
	color: #787878;
}
header img {
	margin: 25px 0 0 0;
}
header h1 {
	margin-top: -15px;
	font-size:1.5em;
	letter-spacing: .3em;
	font-weight: 400;
    color: #c7c7c7;
}
p {
   text-align: center;
   line-height: 110%;
   font-weight: 400;
   letter-spacing: .04em;
}
nav {
	display: block;
	margin: auto;
	max-width: 500px;
	height: auto;
	font-weight: 400;
}
nav :link, :active, :visited {
	color: #787878;
}
nav :hover {
	color: #000000;
}
nav, ul {
	display: inline-flex;
	justify-content: space-evenly;
	align-items: center;
	column-gap: 0;
	width: 100%;
	height: auto;
  	margin: auto;
	margin-top: 3px;
	padding: 0;
    overflow: hidden;
	font-size: 1.05em;
	letter-spacing: .2em;
	color: #000000;
}
nav, li {
	display: inline-block;
	order: 1;
  }
h1 {
	font-size: 1.25em;
	font-weight: 500;
}
main {
    display: block;
	max-width: 900px;
	padding: 0 25px;
    height: auto;
    margin: auto;
	margin-top: 25px;
}
main img {
	width: 100%;
	height: auto;
    margin: auto;
	box-shadow: 0px 16px 16px #818181;
}
.photo-navigation {
	margin: auto;
	opacity: 50%;
	text-align: center;
	max-width: 25%;
	height: 45px;
	position: relative;
}
.photo-navigation img {
	box-shadow: none;
}
.arrowLeft {
	width: 15px;
	height: 15px;
	padding: 0 40px 10px 40px;
	float: left;
}
.arrowRight {
	width: 15px;
	height: 15px;
	padding: 0 40px 10px 40px;
	float: right;
}
.h10-w10 {
	max-width: 250px;
	height: auto;
}
.h12-w36 {
	max-width: 950px;
	height: auto;
}
.h16-w20 {
	max-width: 377px;
	height: auto;
}
.h18-w24 {
	max-width: 453px;
	height: auto;
}
.h20-w16 {
	max-width: 302px;
	height: auto;
}
.h20-w20 {
	max-width: 377px;
	height: auto;
}
.h20-w40-5 {
	max-width: 851px;
	height: auto;
}
.h2225-w36 {
	max-width: 756px;
	height: auto;
}
.h24-w18 {
	max-width: 336px;
	height: auto;
}
.h24-w30 {
	max-width: 560px;
	height: auto;
}
.h30-w40 {
	max-width: 747px;
	height: auto;
}
.h30-w24 {
	max-width: 448px;
	height: auto;
}
.h36-w2225 {
	max-width: 405px;
	height: auto;
}
main h2 {
	display: block;
	color: #787878;
	margin: 30px auto 0 auto;
	font-size: 1.25em;
	font-weight: 500;
	letter-spacing: .07em;
}
main p {
	display: block;
	color: #787878;
	margin: 5px auto 0 auto;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: .07em;
}
footer {
	position: relative;
	display: block;
	margin: 50px auto;
	max-width: 600px;
	padding: 0 30px;
	height: auto;
	color: #787878;
	text-align: center;
	clear: both;
}
footer p {
	color: #787878;
	letter-spacing: .07em;
	font-size: .8em;
}
.popup {
	position: absolute;
	top: 50%;
	left: 40%;
	z-index: 300;
	display: block; 
	width: 350px;
	height: 442px;
	margin: auto;
	border: 6px solid #ffffff;
	border-radius: 3px;
}
.popup img {
	width: 100%; 
	height: auto;
	margin: auto;
	box-shadow: rgb(0 0 0 / 60%) 10px 10px 15px 1px;
}
/*.popup {
	position: relative;
	z-index: 300;
	display: block; 
	width: 350px;
	height: 442px;
	margin: auto;
	margin-top: -800px;
}
.popup img {
	width: 100%; 
	height: auto;
	margin: auto;
	box-shadow: rgb(0 0 0 / 100%) 0px 0px 40px 26px;
}*/


/*.back {
    background-image: url(/images/1x/UP-50.jpg);
	opacity: 90%;
    display: block;
    margin: 50px auto;
    width: 45px;
    height: 36px;
    background-color:  transparent;
    border-radius: 6px;
	box-shadow: rgb(0 0 0 / 25%) 3px 3px 3px 5px;
}
.back:hover, a.back:focus {
    background-image: url(/images/1x/HOVER-50.jpg);
}*/

/* BEGIN MEDIA QUERIES */			/* BEGIN MEDIA QUERIES */

/*@media screen and (max-width: 500px) {
	.photo-navigation {
	max-width: 25%;
	margin-top: -10px;
	margin-bottom: 5px;
}
}*/