.page-title {
	color: black;
	text-align: center;
	font-size: 250%;
	margin-bottom: 15px;
}

#album-nav {
	display: flex;
	flex-direction: horizontal;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 15px;
}

#album-nav a {
	padding: 3px 10px;
	margin: 5px 5px;
	background-color: var(--kibpink);
	color: white;
}

.album-container {
	display: grid;
	grid-template-areas:
		"title img"
		"info img";
	grid-template-columns: 75% 25%;
	grid-template-rows: auto auto;
	width: 100%;
	margin-bottom: 25px;
	border: 10px solid black;
	border-left-width: 2px;
	border-right-width: 2px;
}

.album-title, .album-info {
	width: 100%;
	background-color: black;
	color: white;
	padding: 5px 10px;
}

.album-title {
	font-size: 22px;
	grid-area: title;
}

.album-title h1 {
	color: white;
	/* position: relative;
	top: 20%; */
}

.album-info {
	grid-area: info;
}

.subtitle {
	font-style: italic;
}

.album-container div.album-img {
	grid-area: img;
}

.album-container img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.seventy-seven {
	box-shadow:
	0 10px limegreen;
	border-color: firebrick;
}

.more-songs {
	box-shadow:
	0 10px burlywood;
	border-color: firebrick;
}

.fear-of-music {
	box-shadow:
	0 10px darkseagreen;
	border-color: darkslategray;
}

.remain-in-light {
	box-shadow: 
	0 10px cornflowerblue;
	border-color: crimson;
}

.speaking-in-tongues {
	box-shadow: 
	0 10px orange;
	border-color: steelblue;
}

.little-creatures {
	box-shadow:
	0 10px skyblue;
	border-color: seagreen;
}

.true-stories {
	box-shadow:
	0 13px red;
	border-color: silver;
}

.true-stories img {
	border-right: 2px solid black;
}

.naked {
	box-shadow:
	0 10px crimson;
	border-color: goldenrod;
}

@media only screen and (max-width: 600px) {
	.album-container {
		grid-template-areas:
		"title title"
		"info img";
		grid-template-columns: 70% 30%;
		grid-template-rows: auto auto;
	}
	
	.album-title {
		text-align: center;
		padding: 0;
	}
	
	.album-title h1 {
		position: static;
	}
	
}