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

.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;
	padding: 5px 10px;
}

.album-title p, .album-info p {
	color: white;
	font-size: 1.1em;
}

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

.album-title h1 {
	color: white;
	font-size: 1.75em;
}

.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: fill;
	object-position: top left;
}

@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;
	}
	
	.album-title p, .album-info p {
		font-size: 1em;
	}
	
	.album-container img {
		object-fit: cover;
	}

	
}