/* DESKTOP */
@media screen and (min-width: 640px){
	body {
		background-color: #000000;
		background-image: url("background_detail.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
	}

	p {
		text-align: center;
		color: #ccc;
		font-family: Courier, monospace;
		max-width: 650px;
		margin: auto;
	}
	h1, h2, h3 {
		text-align: center;
		color: white;
		font-family: Courier, monospace;
	}
	em {
		color: #777;
	}
	.container {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		padding: 2%;
		margin-top: 1%;
	}
	.album {
		flex-shrink: 3;
		max-height: 245px;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 10px;
		font-size: 12px;
	}
	a {
		color: white;
		text-decoration: none;
		padding-left: 1%;
		padding-right: 1%;
	}
	img {
		border: 1px solid #222;
	}
	.details {
		font-size: 12px;
		font-style: italic;
		color: #777;
	}
	.logo {
		max-width: 90%;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 2%;
		padding-bottom: 3%;
		border: none;
	}
	.lyricscover {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}


/* MOBILE */
@media screen and (max-width: 640px){
	body {
		background-color: #000000;
		background-image: url("background_detail.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;

	}

	p {
		text-align: center;
		color: #ccc;
		font-family: Courier, monospace;
		max-width: 650px;
		margin: auto;
	}
	h1, h2, h3 {
		text-align: center;
		color: white;
		font-family: Courier, monospace;
	}
	em {
		color: #777777;
	}
	.container {
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		padding: 2%;
		flex-basis: 100%;
		align-items: center;
		margin-top: 2%;
	}
	.album {
		flex-shrink: 3;
		max-height: 245px;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 10px;
		font-size: 12px;
		align-items: center;
	}
	a {
		color: white;
		text-decoration: none;
		padding-left: 1%;
		padding-right: 1%;
	}
	img {
		border: 1px solid #222;
	}
	.details {
		font-size: 12px;
		font-style: italic;
		color: #777;
	}
	.logo {
		max-width: 90%;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 2%;
		padding-bottom: 4%;
		border: none;
	}
	.lyricscover {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}