html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
a{
	color:inherit;
}
body{
	font-family: 'Adobe Garamond', 'EB Garamond', serif;
	background-color:#3c2014;
	font-size:24px;
	color:#fefdfb;
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#overlay{
	display:none;
    position: fixed;
	z-index:100;
	opacity:0;
    width: 100%;
    height: 100%;
    background-color: rgba(18,8,9,0.5);
    top: 0px;
	left:0px;
}
#header{
    position: fixed;
	z-index:101;
	top:0px;
	left:0px;
	width:100%;
	background-color:#2c110f;
	color:#c09669;
	border-bottom:4px solid #86572b;
	max-height:100px;
	overflow:hidden;

	-webkit-transition: max-height 1s, background-color 2s;
	transition: max-height 1s background-color 2s;
}
#header a{
	text-decoration:none;
	color:inherit;
}
#header a:hover{
	text-decoration:underline;
}

#header-logo{
	float:right;
	margin:25px;
}
#header-logo img{
	height:40px;
}


#menu{
	margin:25px;
	font-size:30px;
	list-style:none;
}
#menu li{
	margin:25px;
	display:inline;
}
#menu-grip{
	cursor:pointer;
	margin:0px;
}
#header.menu-open{
	max-height:500px;
}

@media screen and (max-width: 1050px) {
	#menu li{
		margin:10px;
		display:block;
	}
	#header.menu-open{
		max-height:500px;
	}
}
@media screen and (min-width: 1051px) {
	#menu-grip{
		display:none;
	}
}


h1{
	text-align:center;
	margin:100px auto 50px auto;
	font-size:50px;
}
.tag-line{
	text-align:center;
	margin:25px;
	font-size:80%;
	color:#c09669;
}
#wrapper{
	background-color:rgba(40,22,14,0.75);
	margin:100px auto 0px auto;
	width:80%;
	max-width:850px;
	overflow:hidden;
	padding:10px;
}
#content-container{
	overflow:hidden;
}
#content-container p{
	margin:25px;
}
@media screen and (max-width: 550px) {
	#wrapper{
	}
	#content-container{
		font-size:20px;
	}
}
.break{
	width:100%;
}


#credits-table h2{
	text-align:center;
	padding:50px;
}
#credits-table p{
	text-align:center;
	margin:0px;
	padding:10px;
}


.copyright{
	text-align:center;
	margin:100px auto 50px auto;
	font-size:70%;
}

/*----- Credit to http://tobiasahlin.com/spinkit/ -----*/
.spinner {
	width: 40px;
	height: 40px;
	background-color: #86572b;

	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.gallery-thumbnail{
	cursor:pointer;
	
	float:left;
	width:200px;
	height:200px;
	line-height:200px;
	border:1px solid #86572b;
	margin:5px;
	text-align:center;

	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
@media screen and (max-width: 550px) {
	.gallery-thumbnail{
		width:100px;
		height:100px;
		line-height:100px;
	}
}

.gallery-thumbnail:hover{
	background-color:#c09669;
}
.gallery-thumbnail img{
	display:inline;
	vertical-align:middle;
	max-width:90%;
	max-height:90%;
}
#full-size-window{
	display:none;
    width: 100%;
    position: fixed;
	z-index:50;
    left: 0px;
	top:400px;
	height:200px
}
#full-size-container{
	position:absolute;
	top:0px;
	left:0px;
    background-color: rgba(0,0,0,0.95);
	height:100%;
	width:300%;
}
.full-size-img-container{
	width:33.33333%;
	height:100%;
	position:absolute;
	top:0px;
	text-align:center;
}
.full-size-image{
	vertical-align:middle;
	display:inline-block;
	max-width:100%;
	max-height:100%;
	opacity:0;
}

/*----- Credit to http://codepen.io/ndeniche/pen/ljbDL -----*/
.close {
	cursor:pointer;
	position: absolute;
	z-index:51;
	top:15px;
	right:15px;
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.close:hover::before, .close:hover::after {
	background: #c09669;
}
.close::before, .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #222;
}
.close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.close.thick::before, .close.thick::after {
	height: 4px;
	margin-top: -2px;
}

.nextlast {
	cursor:pointer;
	position: absolute;
	z-index:51;
	top:50%;
	margin-top:-100px;
	display: inline-block;
	width: 75px;
	height: 200px;
}
.nextlast.next {
	right:15px;
}
.nextlast.last {
	left:15px;
}
.nextlast:hover::before, .nextlast:hover::after {
	background: #c09669;
}
.nextlast::before, .nextlast::after {
	content: '';
	position: absolute;
	height: 4px;
	width: 145%;
	top: 50%;
	left: 0;
	margin-top: -2px;
	margin-left:-20px;
	background: #222;
}
.nextlast.next::before {
	top:25%;
	-webkit-transform: rotate(70deg);
	-moz-transform: rotate(70deg);
	-ms-transform: rotate(70deg);
	-o-transform: rotate(70deg);
	transform: rotate(70deg);
}
.nextlast.next::after {
	top:75%;
	-webkit-transform: rotate(-70deg);
	-moz-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	-o-transform: rotate(-70deg);
	transform: rotate(-70deg);
}
.nextlast.last::before {
	top:25%;
	-webkit-transform: rotate(-70deg);
	-moz-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	-o-transform: rotate(-70deg);
	transform: rotate(-70deg);
}
.nextlast.last::after {
	top:75%;
	-webkit-transform: rotate(70deg);
	-moz-transform: rotate(70deg);
	-ms-transform: rotate(70deg);
	-o-transform: rotate(70deg);
	transform: rotate(70deg);
}