:root {
  --max-header-height: 80px;
}

#main {
	max-width: 95%;
	margin: 0 auto;
}

#photo-view {
	background-color: #606060;
}

#albums .album .title, #albums .album .date {
	padding: var(--small-spacing);
	margin: 0;
	text-align: left;
	width: auto;
}

#albums .album .date {
	display: inline-block;
	font-weight: normal;
	font-size: 0.8em;
}

/* .album-title-container:before, #albums:before */
.site-header {
	width: 75%;

	border-bottom: 2px solid #bb0000;

	margin-left: 12.5%;
	margin-top: 0;
}

.album-title {
	margin-top: calc(var(--normal-spacing) * 8);
	margin-bottom: calc(var(--normal-spacing) * 8);
	font-weight: normal;
}

.album-subtitle {
	display: none;
}

#main {
	margin-top: calc(var(--normal-spacing) * 8);
}
	
/* Small display definitions */

@media screen and (min-width: 1001px) {
	#photo-view .photo #photo-holder {
		width: 90%; /* ideally he wants 90% */
		height: 90%; /* ideally he wants 90% */
		top: 5%;
		left: 5%;
		filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);
	}
}

@media screen and (max-width: 1000px) {
	.album-title-container:before, #albums:before {
		background-size: 205px;
		height: 95px;
	}
	
	.album-title {
		padding-top: 10px;
	}
	
	.photos {
		margin-top: 15px;
	}

	.site-header {
		height: var(--max-header-height);
		background-size: 150px;
	}

	.title-image {
		max-height: var(--max-header-height);
	}
}