/****** begin album ****************/

div.album {
	padding: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

img.albumImage {
	max-width: 100%;
	height: auto;

}

.albumTitle {
	font-weight:bold;
	font-size: 0.8em;
	margin-bottom: -0.8em;
}

.albumText {
	font-size: 0.8em;
	margin-bottom: 2em;
}

div.albumCollection {
	display: grid;
	grid-template-columns: 1fr;

}
	

	
@media screen and (min-width: 40em) {
	div.albumCollection {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}	
}
	

@media screen and (min-width: 60em) {
	div.albumCollection {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}	
}

/***************** end album *************************/