/* explicit screen presentation */

@media (max-width: 500px) {
	figure img, .picture img, picture img {
		width: 100%;
	}
}

@media (min-width: 500px){
	figure, .picture, picture {
		float: right;
	}
}

nav { clear: both; }

h2.artist, h2.genres, .artist h2, .genres h2 {
	font-size: 1em;
	text-align: left;
}

section.artist, section.genres {
	background: none;
	padding-left: 0
}

h2:nth-of-type(2), h2:nth-of-type(4) {
	clear: left;
}

.artist li, .genres li {
	list-style-type: none;
	display: inline-block;
	padding-right: 0.5em;
}

table {
	margin-left: auto;
	margin-right: auto;
}

td:before {
	content: ' – ';
}
td:first-child:before, td:last-child:before {
	content: '';
}

.hidden {
	display: none;
}