@media all and (max-width: 768px) {

	body.slideshow {
		overflow: auto;
	}
	
	main {
		width: 100%;
		margin-left: 0px;
	}
	
	header {
		width: 100%;
		height: 80px;
		min-height: 0px;
		text-align: center;
		z-index: 140;
	}
	
	header .inner {
		width: 90%;
		margin: 0px auto;
	}
	
	header .logo {
		display: none;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-45deg);
		position: fixed;
		top: 92px;
		left: -78px;
		font-size: 51px;
		opacity: 0;
		
		transition: opacity .3s .3s;
	}
	
	.menuOn header nav .logo {
		display: block;
		opacity: 1;
		transition: opacity .3s .3s;
	}
	
	.menuBtn {	
		display: block;
		position: absolute;
		top: 20px;
		left: 0%;
		cursor: pointer;
		
		transition: left .3s;
	}
	
	.menuOn .menuBtn {
		left: 72%;
	}

	.menuBtn p {
		padding-bottom: 0;
		line-height: 1;
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: .05em;
		position: relative;
		text-align: right;
	}

	.menuOn .menuBtn p {
	    color: rgba(255,255,255,1) !important;
	}

		.menuBtn p span {
			position: relative;
		}

		.menuBtn p span:first-child {
			position: absolute;
			top: 0;right: 0;
		}

		.menuBtn p span:last-child,
		.menuOn .menuBtn p span:first-child {
			opacity: 0;
		}

		.menuBtn p span:first-child,
		.menuOn .menuBtn p span:last-child {
			opacity: 1;
		}

		.menuBtn div {
			width: 24px;
			height: 10px;
			position: relative;
		}
		
			.menuBtn .line {
				height: 2px;
				width: 100%;
				display: block;
				position: absolute;
				right: 0;
				background-color: #fff;
				opacity: 1;

				transform: rotate(0deg);

				transition-property: background-color, opacity, transform, top;
				transition-duration: .2s, .1s, .3s, .3s;
				transition-delay: 0s, 0s, 0s, 0s;
			}

			.menuOn .menuBtn .line {
			    background-color: rgba(255,255,255,1) !important;

			    transition-property: background-color, opacity, transform, top;
			    transition-duration: .2s, .1s, .3s, .3s;
			    transition-delay: 0s, 0s, 0s, 0s;
			}

			.menuBtn .line:nth-child(1) {
				top: 0px;
			}

			.menuBtn .line:nth-child(2) {
				top: 8px;
			}

			.menuBtn .line:nth-child(3) {
				top: 16px;
			}

			.menuOn .menuBtn .line:nth-child(1) {
				top: 4px;
			    transform: rotate(45deg);
			}

			.menuOn .menuBtn .line:nth-child(2) {
				opacity: 0;
				transition: opacity .1s 0s;
			}

			.menuOn .menuBtn .line:nth-child(3) {
				top: 4px;
				transform: rotate(135deg);
			}

	header nav {
		position: fixed;
		z-index: 1;
		width: 80%;
		height: 100%;
		background-color: #1b1b1b;
		top: 0;
		left: 0;
		transform: translate(-100%,0%);
		opacity: 1;
		text-align: left;
		transition: opacity 0s 0s, transform .3s 0s;
	}

	.menuOn header nav {
		transform: translate(0%,0%);
		opacity: 1;	
		transition: opacity 0s 0s, transform .3s 0s;
	}
	
		header nav ul {
			list-style-type: none;
			position: absolute;
			z-index: 5;
			top: 50%;
			left: 50%;
			height: auto;
			transform: translate(-50%,-50%);
		}
		
			header nav ul.sub {
				transform: translate(0%,0%);
				position: relative;
				top: auto;
				left: auto;
			}

		header nav li {
			height: auto;
			font-weight: 300;
			letter-spacing: .08em;
			line-height: 1;
			padding-bottom: 2em;
		}
		
		header nav a {
			color: #fff;
			font-size: 16px;
		}
		
	.topRight {
		top: 33px;
		right: 5%;
		z-index: 140;
	}
	
	.menuOn .topRight {
		z-index: 120;
	}
	
	.slickslideshow {
		padding-top: 15vh;
	}
	
	.slickslideshow .downarrow {
		display: none;
	}
	
	.slickslideshow .controls {
		position: fixed;
		width: 100%;
		left: 0%;
		background-color: #121212;
		padding-top: 10px;
	}
	
	.slickslideshow .cell.portrait .photo, .slickslideshow .cell.square .photo {
		max-height: 65%;
	}
	
	.slickslideshow figcaption div.lb-add-remove {

	}
	
	.slickslideshow .cell .centerme {
		width: 100%;
		height: auto;
		top: 0%;
	}
	
	.slickslideshow .cell.video .centerme {
		height: 60vw;
	}
	
	.slickslideshow figcaption {
		position: relative;
		left: auto;
		width: 90%;
		bottom: auto;
		z-index: 300;
	}
	
	.slickslideshow .cell {
		height: auto;
		margin-bottom: 15vh;
	}
	
	.slickslideshow .cell .photo {
		position: relative;
		width: 100%;
		height: auto;
		top: 0px;
		left: 0px;
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		-moz-transform: translate(0%,0%);
	}
	
	.slickslideshow .cell .imageinfo {
		width: 90%;
		min-width: 0px;
		max-width: 90%;
		position: relative;
		height: 0px;
		padding-top: 20px;
	}
	
		.slickslideshow .cell .imageinfo .col {
			width: 100%;
			margin-bottom: 15px;
		}
		
		.slickslideshow .cell .imageinfo .col:last-child {
			margin-left: 0%;
			margin-bottom: 0px;
		}
		
		.slickslideshow .cell .imageinfo .col h1 {
			font-size: 16px;
			font-weight: 400;
			text-align: center !important;
		}
		
		.slickslideshow .cell .imageinfo .col h2 {
			font-size: 14px;
			font-weight: 400;
			text-align: center !important;
		}
		
		.slickslideshow .cell .imageinfo .col h3 {
			font-size: 12px;
			font-weight: 400;
			text-align: center !important;
		}
		
		.slickslideshow .cell .imageinfo .col p {
			font-size: 0.9rem;
			font-weight: 400;
			text-align: center !important;
		}
	
	.justified {
		width: 90%;
		margin: 70px auto;
	}
	
	.lightbox .justified {
		margin: 30px auto;
	}
	
	.inner.textblock .textwrap {
		margin: 0px auto;
	}
	
	.inner.textblock.narrow .textwrap {
		width: 90%;
	}
	
	.inner.textblock .col {
		width: 100%;
	}
	
	.lightbox .lbtools {
		margin: 80px auto 0px auto;
		width: 90%;
	}
	
	.lbtools ul li {
		margin-right: 14px;
	}
	
	.pdfOverlay article.centerMe {
		width: 90%;
		padding: 0px;
		text-align: center;
	}
	
		.pdf_select article ul {
			padding: 10px 0px;
		}
	
		.pdf_select article ul li {
			margin: 0px auto;
			padding: 15px 0px;
		}

}

/*
@media all and (max-width: 768px) and (orientation: landscape) {
	
	.slickslideshow .cell .centerme {
		height: 100%;
	}
	
	.slickslideshow .cell .photo {
		max-height: 60% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	
	.slickslideshow .cell figcaption {
		display: none !important;
	}
	
}
*/