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

body {
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	background-color:#333;
}

h1{
	color:#B8A5A5;
	font-weight:bold;
	font-size:65px;
	margin:10px 0 0 25px;
}

h2{
	color:#B8A5A5;
	font-weight:bold;
	font-size:35px;
	margin:25px 25px 0 25px;
	padding:0;
}
p{
	font-size:24px;
	color:#807373;
	margin:50px 50px 0 50px;
	padding:0;
}


/* Navigation */
/*
#nav{
	position:fixed;
	left:0;
	width:250px;
	margin:120px 0 0 0;
}
*/

/* Main Content */

#content{
	margin:100px 0 0 300px;
	/* position:absolute;*/
	/*width:750px;*/
}

.pn{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#B8A5A5;
	font-weight:bold;
	font-size:16px;
	margin:0 0 25px 0;
}

a:link { 
	color:inherit;
	font-style:inherit;
	text-decoration:none;
}
a:visited {
	color:inherit;
	font-style:inherit;
	text-decoration:none;
}
a:hover {
	color:inherit;
	font-style:inherit;
	text-decoration:underline;
}

.TTL{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin:20px 0 0 0;
	clear:both;
	color:#B8A5A5;
	font-weight:bold;
}


#slideshow img { display: none }
#slideshow img.first { display: block }


/**************** Menu ****************************/

.btn {
	position:absolute;
    /*margin-top:2%; */
    border: 5px solid #FFF;
    border-radius: 2px; 
    height:75px; 
    width:75px;  
}
#lines:before { 
    border-bottom: 30px double #FFF;
    border-top: 10px solid #FFF;    
    content:"";
    height: 10px; 
    position: absolute; 
    right:10px;  
    top: 11px; 
    width:55px; 
}
nav {
	float: left;
	padding: 15px;	
	z-index: 100;
}

#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
}

/*a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}*/

/********************** Photoswipe Image Gallery ************************/

.my-gallery {
  width: 100%;
  float: left;
  margin:auto;
}
.my-gallery img {
  width: 100%;
  height:auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin:auto;
  padding:15px;
  width:225px;
}
.my-gallery figcaption {
  display: none;
}

/*MEDIA QUERY*/
@media only screen and (max-width : 3000px) {

	#menu-icon {
		display:inline-block;
	}

	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 10px;
		/*background: white;
		border: 5px solid #FFF;*/
		left: 30px;
		top: 70px;
		width: 40%;
		/*border-radius: 4px 0 4px 4px;*/
		list-style: none;
		z-index: 100;
	}

	nav li {
		text-align: left;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		font-size:40px;
	}
	
	nav:hover li {
		background:#FFF;
	}
	
	nav:hover ul {
		display: block;
	}