@charset "UTF-8";
body {
	background-color: #000000;
	color: #F7E8D7;
	margin-top: 0;
	margin-left: 85px;
	margin-right: 85px;
}
h1 {
	margin-left: 15px;
	font-family: gelica, sans-serif;
	font-weight: 200;
	font-style: normal;
	text-decoration: underline;
}
a {
	color: #F7E8D7;
}
#logo-header {
	display: inline-block;
	margin-top: 21px;
	/* Override h1 */
	margin-left: 0;
}
#logo-header img {
	max-width: 100%; 
	height: auto;
}
#navigation-list {
	float: right;
	margin-top: 65px;
	font-family: gelica, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-variant: normal;
	font-size: x-large;
}
#navigation-list li {
	list-style-type: none;
}
#greeting {
	margin-top: 70px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
p, figcaption {
	font-family: gelica, sans-serif;
	font-weight: 200;
	font-style: normal;
	text-align: center;
	font-size: x-large;
}
h2 {
	text-align: center;
	font-family: gelica, sans-serif;
	font-weight: 200;
	font-size: 32px;
	font-style: normal;
 	}
img.portfolio-collage {
	display: block;
	/* N.B. An absolute width limit still exists in img elements' HTML attributes */
	max-width: 100%;
	height: auto;
	margin-top: 85px;
	margin-left: auto;
	margin-right: auto;
}
div.book-spread {
	text-align: center;
	position: relative;
}
div.book-spread img.book-page {
	/* N.B. An absolute width limit still exists in img elements' HTML attributes */
	max-width: 40%;
	/* margin-left: 5px; */
	height: auto;
}
img.portfolio-focus {
	display: block;
	/* N.B. An absolute width limit still exists in img elements' HTML attributes */
	width: 75%;
	max-width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#greeting + #portfolio-index {
	margin-top: -40px;
}
div.embedded-sample {
	display: block;
	max-width: 1440px;
	margin-bottom: 85px;
	margin-left: auto;
	margin-right: auto;
    /* padding: 100% 0 0 0; */
}
iframe.yt-sample {
	width: 100%;
	height: 720px;
}
figcaption + div.embedded-sample {
    margin-top: 20px;
}
.attribution {
	font-size: small;
}
@media print, (max-width: 1000px) {
	body {
		margin-left: 25px;
		margin-right: 25px;
	}
	#navigation-list {
		float: none;
		margin-top: 0;
		text-align: center;
		/* Override user agent style sheet */
		padding: 0;
	}
	#navigation-list li {
		margin-left: 15px;
	}
	#greeting {
		margin-top: 35px;
	}
	img.portfolio-collage {
		margin-top: 25px;
	}
	#greeting + #portfolio-index {
		margin-top: 35px;
	}
	div.embedded-sample {
		margin-top: 25px;
	}
	div.book-spread img.book-page {
	/* N.B. An absolute width limit still exists in img elements' HTML attributes */
	max-width: 35%;
	/* margin-left: 5px; */
	height: auto;
	}
	input.button {
		width: 32px;
		height: 32px;
	}
}
/*
@media (min-width: 1500px) {
    div.embedded-sample {
        padding: 80% 0 0 0;
    }
}
*/