html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	font-family: 'Noto Serif', sans-serif;
	font-size: 15px;
	line-height: 24px;
	background-color: #f5f5f5;
	color: #635f5c;
}

a, a:active, a:visited, a:link, a:focus {outline: 0px none !important;border: none !important;text-decoration:none;color: #635f5c;}

#page {
	margin: 10px auto 0 auto;
	padding: 0 0 30px 0;
	position: relative; /* Set the position property so z-index will apply */
	z-index: 200 !important; /* Make sure this is higher than #menu */
	background: #fff;
	clear: both;		
}

#header, #main {
	margin: 0 auto;
	padding: 0;
}	

#logo h1 {
	margin: 0;
	padding: 0;
	font-family: 'Slabo 27px', serif;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 0.025em;
	/*color: #504e4c;*/
	color: #635f5c;
	text-decoration: none;
}
	#logo #logo h1 {
		/*font-size: 0;
		text-indent: -9000px;
		display:none;*/
	}

		
		
h1, h1 a {
	margin: 0;
	padding: 20px 0 0 0;
	font-family: 'Slabo 27px', serif;
	font-size: 25px;
	line-height: 28px;
	font-weight: 300;
	letter-spacing: 0.025em;
	/*color: #504e4c;*/
	color: #635f5c;
	text-decoration: none;
}
h2 {
	margin: 0;
	padding: 10px 0 0 0;
	font-family: 'Noto Serif', serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 0.025em;
	/*color: #504e4c;*/
	color: #635f5c;
}

.royalSlider {
    /*** see responsive sizes below ***/
    position: relative;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0); 
    transform:translateZ(0);
}

.rsDefault .rsBullets {display:block !important;bottom:10px !important;cursor:pointer;z-index:10 !important;}
.rsDefault .rsBullet {padding: 5px !important;}
.rsDefault .rsBullet span {width:10px !important;height:10px !important;}

#full-width-sider {
	background: #f5f5f5;
}

.rsBullets {text-indent: -9000px !important;}

.rsSlideCount {
	position: absolute;
	left: 99px;
	bottom: 0px;
	font-size: 15px;
	z-index: 100;
	padding: 4px 10px;
    min-width: 35px;
	background-color: rgba(99,95,92,0.9);
	font-family: 'Slabo 27px', serif;
	font-weight: 300;
    text-align: right;
}
.photos-credit {
	margin: 0;
	padding: 0; 
	width: 50%;
	text-align: right;
	float: right;
}

p.credit {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	color: #635f5c;
	font-size: 10px;
}
p.credit2 {
	font-size: 11px;
	position: relative;
	text-align: right;
	margin-top: -15px;
	display:none;
}
.label {
	margin: 0;
	padding: 0; 
	width: 50%;
	text-align: left;
	float: left;
}

#toggleAutoPlayBtn {
	margin: 0;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	left: 33px;
	z-index:100;
	cursor:pointer;
}

#main {
	padding-top:20px;
    padding-bottom: 60px;
}

#mainText h2 {
	width: 90%;
	max-width: 600px;
}

#mainText a {
	text-decoration: underline;
}

.leftImage img {
	width: 100%;
	height: auto;
}


	/*** press page layout ***/

	.pressPreviewImageContainer {
		margin: 0;
		padding: 0;
	}
	
	
	.pressPreviewImageContainer:last-of-type .pressPreviewImage {
		padding-bottom: 0;
	}
	
		.pressPreviewImage img { width: 100%; border: 1px solid #bcbabb; }

	.pressImage {
		margin: 0 auto;
		padding: 20px 0 0 0;
		text-align: center;
	}
	
		.pressImage img { width: auto; max-width: 100%; border: 1px solid #bcbabb; }
		

#footer {
    border-top: 1px solid #bcbabb;
    color: #635f5c;
}
	#footer p {
		margin: 0;
		padding: 0;
		font-family: 'Noto Serif', serif;
		font-size: 13px;
		line-height: 28px;
		color: #635f5c;
	}

	#footer {
		position: relative;
	}
			#footer .icon-holder {
				margin: 0;
				padding: 0;
				position: absolute;
				top: 10px;
				right: 0;
				text-align: center;
				transition: all 0.2s linear 0s;
			}
			#footer .icon-holder:hover {
				cursor: pointer;
			}
			#footer .icon-holder .icon i {
				font-size: 24px;
				color: #666666;
			}
			#footer .icon-holder:hover .icon i {
				color: #000000;
			}

	
/**** responsive ****/

/* Desktops and iPads (landscape) */
@media only screen and (min-width : 980px) and (max-width: 1399px) {

	#page {
		padding-top: 30px;
		width: 960px;
	}
	#header, #main, #footer {
		width: 880px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 340px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 300px;
			height: auto;
		}
	#header #nav {
		margin: 10px 0 0 0;
		padding: 0;
		float: right;
	}
		#header #nav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			float: left;
		}
			#header #nav ul li {
				margin: 0;
				padding: 4px 0 0 0;
				list-style-type: none;
				vertical-align: bottom;
				float: left;
			}
				#header #nav ul li a {
					margin: 0 0 0 15px;
					padding: 0;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 16px;
					letter-spacing: 0.02em;
					color: #504e4c;
					text-decoration: none;
					text-transform: uppercase;
				}

	#toggle-menu, #mobile-nav, #menu {display:none !important;}
	
	.rsOverflow {
		height: 612px !important;
	}
	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 880px;
		height: 581px;
	}
	
	#mainText h2 {
		width: 90%;
		max-width: 600px;
	}
	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 45%;
		padding-right: 5%;
		float: left;
	}


	/*** about page layout ***/

	.leftImage {
		margin: 0 15px 0 0;
		padding: 0;
		width: 345px;
		float: left;
	}
		.leftImage img {
			width: 100%;
			height: auto;
		}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 480px;
		position: relative;
		float: left;
	}
		.rightText {
			width: 480px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 430px;
		float: left;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 20px 0 0;
	}
			.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}

	/*** press page layout ***/
	
	.pressPreviewImage {
		margin: 0;
		padding: 20px 20px 30px 0;
		width: 280px;
		float: left;
	}
	.pressPreviewImage:nth-of-type(3n+0) { padding-right: 0; }
	
		
	#footer {
		margin: 30px auto 0 auto;
		padding: 8px 0 0 0;
	}

}

/**** mobile layout - 320px ****/
@media only screen and (max-width: 479px) {

	#page {
		padding-top: 20px;
		width: 300px;
	}
	#header, #main, #footer {
		width: 260px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 200px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 200px;
			height: auto;
		}
	#header #nav {
		display: none;
	}

	#toggle-menu {
    	display: block !important;
	}

		#toggle-menu {
			position: absolute;
			top: 56px;
			right: 16px;
			display: block;
		}

	#mobile-nav {
			margin: 0;
			padding:0;
			display:none;
		}
			#mobile-nav ul {
				margin: 5px 0 0 0;
				padding: 0;
				list-style-type: none;
				text-align: right;
			}
			  #mobile-nav ul li {
				  margin: 0;
				  padding: 0;
				  float:none;
			  }
				#mobile-nav ul li a {
					margin: 12px 20px 12px 10px;
					padding: 0;
					background: #fff;
					color: #635f5c;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 30px;
					letter-spacing: 0.02em;
					text-decoration: none;
					text-transform: uppercase;
				}
				#mobile-nav ul li.active a {
					margin: 12px 20px 6px 10px;
					padding: 0;
					background: #fff;
					color: #000;
					font-size: 16px;
					line-height: 30px;
				}
					#mobile-nav ul li ul {
						margin: 0 0 10px 0;
						padding: 0;
						list-style-type: none;
						text-align: right;
					}
						#mobile-nav ul li.active > ul li a {
							margin: 2px 20px 12px 10px;
							padding: 0;
							background: #fff;
							color: #635f5c;
							font-size: 16px;
							line-height: 20px;
							text-decoration: none;
							text-transform: none;
						}
							#mobile-nav ul li.active ul li.active a {
								color: #000;
							}

	.rsOverflow {
		height: 204px !important;
	}

	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 260px;
		height: 172px;
	}
		.rsDefault .rsBullets,
		.rsArrow,
		#toggleAutoPlayBtn,
		.rsSlideCount {
			display: none !important;
		}
		/*** override for playback on small screens ***/
		.rsArrow,
		#toggleAutoPlayBtn {
			display: block !important;
		}
	
	.photos-credit, .label {
		width: 100%;
	}
		
	#main {
		padding-top:20px;
		padding-bottom: 20px;
	}

	#mainText h2 {
		width: 95%;
		max-width: none;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 95%;
		padding-right: 5%;
		float: none;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0;
		padding: 0;
		width: 200px;
		float: none;
	}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 260px;
		position: relative;
		float: none;
	}
		.rightText {
			width: 260px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 260px;
		float: none;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 0 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}
		
	.pressPreviewImage {
		padding: 10px 20px 10px 0;
		float: none;
	}

	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}
		#footer p {
			max-width: 200px;
		}

}

/**** mobile layout - 480px ****/
@media only screen and (min-width: 480px) and (max-width: 767px)  {

	#page {
		padding-top: 20px;
		width: 480px;
	}
	#header, #main, #footer {
		width: 440px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 280px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 220px;
			height: auto;
		}
	#header #nav {
		display: none;
	}

	#toggle-menu {
    	display: block !important;
	}

		#toggle-menu {
			position: absolute;
			top: 28px;
			right: 16px;
			display: block;
		}

	#mobile-nav {
			margin: 0;
			padding:0;
			display:none;
		}
			#mobile-nav ul {
				margin: 5px 0 0 0;
				padding: 0;
				list-style-type: none;
				text-align: right;
			}
			  #mobile-nav ul li {
				  margin: 0;
				  padding: 0;
				  float:none;
			  }
				#mobile-nav ul li a {
					margin: 12px 20px 12px 10px;
					padding: 0;
					background: #fff;
					color: #635f5c;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 30px;
					letter-spacing: 0.02em;
					text-decoration: none;
					text-transform: uppercase;
				}
				#mobile-nav ul li.active a {
					margin: 12px 20px 6px 10px;
					padding: 0;
					background: #fff;
					color: #000;
					font-size: 16px;
					line-height: 30px;
				}
					#mobile-nav ul li ul {
						margin: 0 0 10px 0;
						padding: 0;
						list-style-type: none;
						text-align: right;
					}
						#mobile-nav ul li.active > ul li a {
							margin: 2px 20px 12px 10px;
							padding: 0;
							background: #fff;
							color: #635f5c;
							font-size: 16px;
							line-height: 20px;
							text-decoration: none;
							text-transform: none;
						}
							#mobile-nav ul li.active ul li.active a {
								color: #000;
							}

	.rsOverflow {
		height: 322px !important;
	}

	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 440px;
		height: 290px;
	}
		.rsDefault .rsBullets,
		.rsArrow,
		#toggleAutoPlayBtn,
		.rsSlideCount {
			display: none !important;
		}
		/*** override for playback on small screens ***/
		.rsArrow,
		#toggleAutoPlayBtn {
			display: block !important;
		}
	
	.photos-credit, .label {
		width: 100%;
	}
		
	#main {
		padding-top:20px;
		padding-bottom: 20px;
	}

	#mainText h2 {
		width: 95%;
		max-width: none;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 85%;
		padding-right: 15%;
		float: none;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0;
		padding: 0;
		width: 200px;
		float: none;
	}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 440px;
		position: relative;
		float: none;
	}
		.rightText {
			width: 440px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 440px;
		float: none;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 0 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}
		
	.pressPreviewImage {
		padding: 10px 20px 10px 0;
		float: none;
	}

	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}
		#footer p {
			max-width: 320px;
		}

}

/* iPhone 6 (portrait) */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {

	#page {
		padding-top: 20px;
		width: 354px;
	}
	#header, #main, #footer {
		width: 320px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 260px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 260px;
			height: auto;
		}
	#header #nav {
		display: none;
	}

	#toggle-menu {
    	display: block !important;
	}

		#toggle-menu {
			position: absolute;
			top: 28px;
			right: 16px;
			display: block;
		}

	#mobile-nav {
			margin: 0;
			padding:0;
			display:none;
		}
			#mobile-nav ul {
				margin: 5px 0 0 0;
				padding: 0;
				list-style-type: none;
				text-align: right;
			}
			  #mobile-nav ul li {
				  margin: 0;
				  padding: 0;
				  float:none;
			  }
				#mobile-nav ul li a {
					margin: 12px 20px 12px 10px;
					padding: 0;
					background: #fff;
					color: #635f5c;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 30px;
					letter-spacing: 0.02em;
					text-decoration: none;
					text-transform: uppercase;
				}
				#mobile-nav ul li.active a {
					margin: 12px 20px 6px 10px;
					padding: 0;
					background: #fff;
					color: #000;
					font-size: 16px;
					line-height: 30px;
				}
					#mobile-nav ul li ul {
						margin: 0 0 10px 0;
						padding: 0;
						list-style-type: none;
						text-align: right;
					}
						#mobile-nav ul li.active > ul li a {
							margin: 2px 20px 12px 10px;
							padding: 0;
							background: #fff;
							color: #635f5c;
							font-size: 16px;
							line-height: 20px;
							text-decoration: none;
							text-transform: none;
						}
							#mobile-nav ul li.active ul li.active a {
								color: #000;
							}

	.rsOverflow {
		height: 242px !important;
	}

	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 320px;
		height: 210px;
	}
		.rsDefault .rsBullets,
		.rsArrow,
		#toggleAutoPlayBtn,
		.rsSlideCount {
			display: none !important;
		}
		/*** override for playback on small screens ***/
		.rsArrow,
		#toggleAutoPlayBtn {
			display: block !important;
		}
	
	.photos-credit, .label {
		width: 100%;
	}
		
	#main {
		padding-top:20px;
		padding-bottom: 20px;
	}

	#mainText h2 {
		width: 95%;
		max-width: none;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 85%;
		padding-right: 15%;
		float: none;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0;
		padding: 0;
		width: 200px;
		float: none;
	}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 320px;
		position: relative;
		float: none;
	}
		.rightText {
			width: 320px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 320px;
		float: none;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 0 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}
		
	.pressPreviewImage {
		padding: 10px 20px 10px 0;
		float: none;
	}

	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}
		#footer p {
			max-width: 200px;
		}

}

/* iPhone 6 (landscape) */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {

	#page {
		padding-top: 20px;
		width: 642px;
	}
	#header, #main, #footer {
		width: 600px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 300px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 220px;
			height: auto;
		}
	#header #nav {
		display: none;
	}

	#toggle-menu {
    	display: block !important;
	}

		#toggle-menu {
			position: absolute;
			top: 28px;
			right: 16px;
			display: block;
		}

	#mobile-nav {
			margin: 0;
			padding:0;
			display:none;
		}
			#mobile-nav ul {
				margin: 5px 0 0 0;
				padding: 0;
				list-style-type: none;
				text-align: right;
			}
			  #mobile-nav ul li {
				  margin: 0;
				  padding: 0;
				  float:none;
			  }
				#mobile-nav ul li a {
					margin: 12px 20px 12px 10px;
					padding: 0;
					background: #fff;
					color: #635f5c;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 30px;
					letter-spacing: 0.02em;
					text-decoration: none;
					text-transform: uppercase;
				}
				#mobile-nav ul li.active a {
					margin: 12px 20px 6px 10px;
					padding: 0;
					background: #fff;
					color: #000;
					font-size: 16px;
					line-height: 30px;
				}
					#mobile-nav ul li ul {
						margin: 0 0 10px 0;
						padding: 0;
						list-style-type: none;
						text-align: right;
					}
						#mobile-nav ul li.active > ul li a {
							margin: 2px 20px 12px 10px;
							padding: 0;
							background: #fff;
							color: #635f5c;
							font-size: 16px;
							line-height: 20px;
							text-decoration: none;
							text-transform: none;
						}
							#mobile-nav ul li.active ul li.active a {
								color: #000;
							}

	.rsOverflow {
		height: 428px !important;
	}

	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 600px;
		height: 396px;
	}
		.rsDefault .rsBullets,
		.rsArrow,
		#toggleAutoPlayBtn,
		.rsSlideCount {
			display: none !important;
		}
		/*** override for playback on small screens ***/
		.rsArrow,
		#toggleAutoPlayBtn {
			display: block !important;
		}

	#main {
		padding-top:20px;
		padding-bottom: 20px;
	}

	#mainText h2 {
		width: 95%;
		max-width: none;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 85%;
		padding-right: 15%;
		float: none;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0 15px 0 0;
		padding: 0;
		width: 200px;
		float:left;
	}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 360px;
		position: relative;
		float: left;
	}
		.rightText {
			width: 360px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 290px;
		float: left;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 20px 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}

	.pressPreviewImage {
		padding: 10px 20px 10px 0;
		float: none;
	}
		
	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}
		#footer p {
			max-width: 320px;
		}

}

/* iPhone 6 Plus (portrait) */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {

	#page {
		padding-top: 10px;
		padding-bottom: 20px;
		width: 395px;
	}
	#header, #main, #footer {
		width: 340px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 260px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 260px;
			height: auto;
		}
	#header #nav {
		display: none;
	}

	#toggle-menu {
    	display: block !important;
	}

		#toggle-menu {
			position: absolute;
			top: 28px;
			right: 16px;
			display: block;
		}

	#mobile-nav {
			margin: 0;
			padding:0;
			display:none;
		}
			#mobile-nav ul {
				margin: 5px 0 0 0;
				padding: 0;
				list-style-type: none;
				text-align: right;
			}
			  #mobile-nav ul li {
				  margin: 0;
				  padding: 0;
				  float:none;
			  }
				#mobile-nav ul li a {
					margin: 12px 20px 12px 10px;
					padding: 0;
					background: #fff;
					color: #635f5c;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 30px;
					letter-spacing: 0.02em;
					text-decoration: none;
					text-transform: uppercase;
				}
				#mobile-nav ul li.active a {
					margin: 12px 20px 6px 10px;
					padding: 0;
					background: #fff;
					color: #000;
					font-size: 16px;
					line-height: 30px;
				}
					#mobile-nav ul li ul {
						margin: 0 0 10px 0;
						padding: 0;
						list-style-type: none;
						text-align: right;
					}
						#mobile-nav ul li.active > ul li a {
							margin: 2px 20px 12px 10px;
							padding: 0;
							background: #fff;
							color: #635f5c;
							font-size: 16px;
							line-height: 20px;
							text-decoration: none;
							text-transform: none;
						}
							#mobile-nav ul li.active ul li.active a {
								color: #000;
							}

	.rsOverflow {
		height: 257px !important;
	}

	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 340px;
		height: 225px;
	}
		.rsDefault .rsBullets,
		.rsArrow,
		#toggleAutoPlayBtn,
		.rsSlideCount {
			display: none !important;
		}
		/*** override for playback on small screens ***/
		.rsArrow,
		#toggleAutoPlayBtn {
			display: block !important;
		}
	
	.photos-credit, .label {
		width: 100%;
	}
		
	#main {
		padding-top:20px;
		padding-bottom: 20px;
	}

	#mainText h2 {
		width: 95%;
		max-width: none;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 85%;
		padding-right: 15%;
		float: none;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0;
		padding: 0;
		width: 200px;
		float: none;
	}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 340px;
		position: relative;
		float: none;
	}
		.rightText {
			width: 340px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 340px;
		float: none;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 0 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}
		
	.pressPreviewImage {
		padding: 10px 20px 10px 0;
		float: none;
	}

	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}
		#footer p {
			max-width: 200px;
		}

}

/* iPhone 6 Plus (landscape) */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {

	#page {
		padding-top: 20px;
		width: 720px;
	}
	#header, #main, #footer {
		width: 680px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 300px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 220px;
			height: auto;
		}
	#header #nav {
		display: none;
	}

	#toggle-menu {
    	display: block !important;
	}

		#toggle-menu {
			position: absolute;
			top: 28px;
			right: 16px;
			display: block;
		}

	#mobile-nav {
			margin: 0;
			padding:0;
			display:none;
		}
			#mobile-nav ul {
				margin: 5px 0 0 0;
				padding: 0;
				list-style-type: none;
				text-align: right;
			}
			  #mobile-nav ul li {
				  margin: 0;
				  padding: 0;
				  float:none;
			  }
				#mobile-nav ul li a {
					margin: 12px 20px 12px 10px;
					padding: 0;
					background: #fff;
					color: #635f5c;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 30px;
					letter-spacing: 0.02em;
					text-decoration: none;
					text-transform: uppercase;
				}
				#mobile-nav ul li.active a {
					margin: 12px 20px 6px 10px;
					padding: 0;
					background: #fff;
					color: #000;
					font-size: 16px;
					line-height: 30px;
				}
					#mobile-nav ul li ul {
						margin: 0 0 10px 0;
						padding: 0;
						list-style-type: none;
						text-align: right;
					}
						#mobile-nav ul li.active > ul li a {
							margin: 2px 20px 12px 10px;
							padding: 0;
							background: #fff;
							color: #635f5c;
							font-size: 16px;
							line-height: 20px;
							text-decoration: none;
							text-transform: none;
						}
							#mobile-nav ul li.active ul li.active a {
								color: #000;
							}

	.rsOverflow {
		height: 480px !important;
	}

	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 680px;
		height: 448px;
	}
		.rsDefault .rsBullets,
		.rsArrow,
		#toggleAutoPlayBtn,
		.rsSlideCount {
			display: none !important;
		}
		/*** override for playback on small screens ***/
		.rsArrow,
		#toggleAutoPlayBtn {
			display: block !important;
		}

	#main {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#mainText h2 {
		width: 95%;
		max-width: none;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 85%;
		padding-right: 15%;
		float: none;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0 15px 0 0;
		padding: 0;
		width: 200px;
		float:left;
	}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 440px;
		position: relative;
		float: left;
	}
		.rightText {
			width: 440px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 330px;
		float: left;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 20px 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}
		
	.pressPreviewImage {
		padding: 10px 20px 10px 0;
		float: none;
	}

	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}
		#footer p {
			max-width: 320px;
		}

}

/* iPads (portrait) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

	#page {
		padding-top: 30px;
		width: 760px;
	}
	#header, #main, #footer {
		width: 720px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 300px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 300px;
			height: auto;
		}
	#header #nav {
		margin: 10px 0 0 0;
		padding: 0;
		float: right;
	}
		#header #nav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			float: left;
		}
			#header #nav ul li {
				margin: 0;
				padding: 4px 0 0 0;
				list-style-type: none;
				vertical-align: bottom;
				float: left;
			}
				#header #nav ul li a {
					margin: 0 0 0 10px;
					padding: 0;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 16px;
					letter-spacing: 0.02em;
					color: #504e4c;
					text-decoration: none;
					text-transform: uppercase;
				}

	#toggle-menu, #mobile-nav, #menu {display:none !important;}
	
	.rsOverflow {
		height: 507px !important;
	}
	
	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 720px;
		height: 475px;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 65%;
		padding-right: 15%;
		float: none;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0 15px 0 0;
		padding: 0;
		width: 285px;
		float: left;
	}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 420px;
		position: relative;
		float: left;
	}
		.rightText {
			width: 420px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 350px;
		float: left;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 20px 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}
		
	/*** press page layout ***/
	
	.pressPreviewImage {
		margin: 0;
		padding: 20px 20px 30px 0;
		width: 226px;
		float: left;
	}
	.pressPreviewImage:nth-of-type(3n+0) { padding-right: 0; }
	
	
	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}

}

/* Large Desktops */
@media only screen and (min-width : 1360px) {

	#page {
		padding-top: 30px;
		width: 1140px;
	}
	#header, #main, #footer {
		width: 1060px;
	}
	#header #logo {
		margin: 10px 0 0 0;
		padding: 0;
		width: 430px;
		float:left;
	}
		/*** img version of logotype - twice size for retina screens ***/
		#header #logo img {
			width: 300px;
			height: auto;
		}
	#header #nav {
		margin: 10px 0 0 0;
		padding: 0;
		float: right;
	}
		#header #nav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			float: left;
		}
			#header #nav ul li {
				margin: 0;
				padding: 4px 0 0 0;
				list-style-type: none;
				vertical-align: bottom;
				float: left;
			}
				#header #nav ul li a {
					margin: 0 0 0 15px;
					padding: 0;
					font-family: 'Slabo 27px', serif;
					font-size: 16px;
					line-height: 16px;
					letter-spacing: 0.02em;
					color: #504e4c;
					text-decoration: none;
					text-transform: uppercase;
				}

	#toggle-menu, #mobile-nav, #menu {display:none !important;}
	
	.rsOverflow {
		height: 732px !important;
	}
	
	.royalSlider {
		margin: 0 0 20px 0;
		padding: 0;
		width: 1060px;
		height: 700px;
	}

	#mainText div.leftCol,
	#mainText div.rightCol {
		width: 45%;
		padding-right: 5%;
		float: left;
	}

	/*** about page layout ***/

	.leftImage {
		margin: 0 15px 0 0;
		padding: 0;
		width: 415px;
		float: left;
	}
		.leftImage img {
			width: 100%;
			height: auto;
		}
	.rightTextContainer {
		margin: 0;
		padding: 0;
		width: 520px;
		position: relative;
		float: left;
	}
		.rightText {
			width: 520px;
		}

	/*** portfolio page layout ***/

	.portfolioImage {
		margin: 0;
		padding: 0 0 20px 0;
		width: 520px;
		float: left;
	}
	/*.portfolioImage:first-of-type {
		margin: 0 20px 0 0;
	}*/

	.portfolioImage:nth-of-type(odd) {
		margin: 0 20px 0 0;
	}
		.portfolioImage img {
			width: 100%;
			height: auto;
		}
		.portfolioImage a {
			color: #504e4c;
			text-decoration: none;
		}

	/*** press page layout ***/
	
	.pressPreviewImage {
		margin: 0;
		padding: 20px 20px 30px 0;
		width: 340px;
		float: left;
	}
	.pressPreviewImage:nth-of-type(3n+0) { padding-right: 0; }
	
	#footer {
		margin: 20px auto 0 auto;
		padding: 8px 0 0 0;
	}
	

}