body {
	margin: 0;
	padding: 0;
	color: #332f30;
}
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#menu {
	position: fixed;
	top: 20px;
	left: 20px;
	font-family: 'PT Sans', 'Helvetica Neue', Helvetica, sans-serif;
	z-index: 99999;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: 600;
	letter-spacing: 1;
	margin: 4px 0;
	font-size: 15px;
}
#menu ul li.link:hover {
	cursor: pointer;
	color: #f8be39;
}
#menu ul li a:hover {
	text-decoration: none;
	color: #f8be39;
}
#intro {
	padding-top: 100px;
}
.container {
	width: 100%;
	margin: 0 auto;
	max-width: 900px;
	padding: 30px;
	min-height: 100vh;
	position: relative;
	text-align: center;
}
.head {
	margin: 0 auto;
	width: 50%;
	max-width: 300px;
}
.head img {
	width: 100%;
	display: block;
	margin: 0 auto 48px auto;
}
.head .small {
	width: 65%;
}
.desc {
	font-family: Baskerville, 'Times New Roman', Georgia, serif;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: 0.5;
	font-size: 16px;
	width: 60%;
	margin: 0 auto;
	-moz-text-align-last: center;
	text-align-last: center;
}

.title {
	font-weight: 400;
	font-family: Baskerville, 'Times New Roman', Georgia, serif;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	letter-spacing: 1;
	margin-bottom: 32px;
	font-size: 32px;
	font-variant: small-caps;
	text-transform: lowercase;
}
#contributors {
	padding-bottom: 80px;
}
.full-coll h3 {
	font-weight: normal;
	font-variant: small-caps;
	text-transform: uppercase;
	letter-spacing: 1;
	min-height: 22px;
	margin: 28px 0 0 0;
	font-size: 13px;
}
.full-coll {
	width: 80%;
	margin: 0 auto;
	font-family: Baskerville, 'Times New Roman', Georgia, serif;
}
.full-coll .column {
	width: 40%;
	display: inline-block;
	vertical-align: top;
}
.full-coll p {
	margin: 4px 0;
	font-size: 14px;
}
.full-coll .column.left {
	text-align: right;
	padding-right: 8px;
}
.full-coll .column.right {
	text-align: left;
	padding-left: 8px;
}
#contributors .desc {
	width: 40%;
}
.cover {
	width: 60%;
	margin: 0 auto;
}
.cover img {
	width: 60%;
}
#sell .desc {
	margin-top: 32px;
}
.small-caps {
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 1;
	font-size: 1.1em;
}
#teaser {
	position: relative;
}
.video {
	width: 65%;
	max-width: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
	-webkit-transform: translate(-50%, -60%);
}
.controls {
	margin-bottom: 32px;
}
.controls span {
	display: inline-block;
	margin: 0 3%;
	font-size: 32px;
}
.controls .active {
	color: #f8be39;
}
.controls span i {
	cursor: pointer;
}
#photos {
	padding-top: 40px;
	padding-bottom: 40px;
}
.grid {
	width: 70%;
	margin: 0 auto;
	font-size: 0px;
}
.grid img {
	width: 100%;
/*	opacity: 0.9;*/
}
.grid img:hover {
/*	opacity: 1;*/
}
.grid .type1 {
	width: 100%;
	margin-bottom: 12px;
}
.grid .type2 {
	width: -moz-calc(50% - 6px);
	width: -webkit-calc(50% - 6px);
	width: calc(50% - 6px);
	margin-right: 12px;
	margin-bottom: 12px;
}
.grid .type3 {
	width: -moz-calc(50% - 6px);
	width: -webkit-calc(50% - 6px);
	width: calc(50% - 6px);
	margin-bottom: 12px;
}
#photos .head {
	margin-top: 64px;
	max-width: 200px;
}
a.colored {
	color: #e84645;
}
p.list {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	font-family: 'PT Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 600;
	margin-top: 24px;
}
p.list a {
	display: inline-block;
	margin: 0px 8px;
}
p.list a:hover {
	color: #e84645;
}
p.note {
	font-size: 14px;
	text-align: center;
	color: #827e7b;
}