p {
	max-width: 500px;
}

header {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    padding: 50px 0 100px;
    position: absolute;
    text-align: center;
}

#logo {
	width: 300px;
}

header nav {
    top: 40%;
    color: #FFF;
}

header nav a:hover {
	color: #8dc9ff;
}

section {
	position: relative;
	z-index: 0;
}

.spread {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: top center;
	height: 100%;
	width: 100%;
}

#area-1 {
	padding-top: 200px;
	background-color: #000;
	color: #eee;
}

#area-1 .content {
	margin-top: 0;
}

#area-1 .spread {
	width: 120%;
	left: -20%;
	object-position: center;
}

p.center {
	text-align: center;
}

.center p,
.center h1,
.center h2 {
	margin-left: auto;
	margin-right: auto;
}

#intro {
	max-width: 600px;
	margin-left: 50%;
	padding-bottom: 50px;
}


#area-2 {
	color: #222;
	min-height: 2400px;
}

#area-2 h2 {
	font-size: 40px;
	text-align: center;
}

.temples {
	padding: 10% 0 0 0;
}

.temples p {
	max-width: 550px;
}


#area-3 {
	min-height: 1500px;
}

#area-3 .spread {
	width: 100%;
}

.quality {
	color: #5A3C00;
	max-width: 500px;
    margin-left: 70%;
    margin-top: 200px;
}

#area-4 {
	min-height: 2400px;
}

.commission {
	color: #3F503E;
	text-align: center;
}

.commission p {
	max-width: 550px;
}

.commission .width-spacer {
	min-height: 425px;
	height: calc(25vw * 1.2);
}



@media (max-width: 1200px) {
	header {
		text-align: left;
	}
}



@media (max-width: 1000px) {
    header,
    header .content {
        padding-bottom: 0;
    }

    header nav {
		top: 15%;
    }
    
	#area-1 {
		padding-top: 0;
	}

	#area-1 .spread {
		position: relative;
		width: 100%;
		left: 0;
		max-height: 500px;
	}

	#intro {
		margin: 0 auto;
	}

	.quality {
		background: rgba(255, 255, 255, .8);
		padding: 20px;
		max-width: 700px;
		margin-left: 0;
		margin-top: 100px;
	}

	.quality h2 {
		margin-top: 0;
	}
}


@media (max-width: 550px) {
	header nav {
		top: 25vw;
	}

	.temples {
		padding-top: 0;
	}

	#area-2 {
		min-height: 2800px;
	}
}