/* MOBILE FIRST; @media for min-width: 700px; is below */

#player1, #player2, #player3 {
	width: 92%;
	display: table;
	line-height: 0;
	font-size: 0.9em;
	background: #000;
	margin: auto;
	border: 1px solid #666;
}
#player1 audio, #player1 figcaption,
#player2 audio, #player2 figcaption,
#player3 audio, #player3 figcaption
 {
		display: table-row;
		vertical-align: top;
}
#player1 figcaption,
#player2 figcaption,
#player3 figcaption {
	width: 25%;
}
#player1 figcaption a,
#player2 figcaption a,
#player3 figcaption a {
	color: #999;
	display: block;
	width: 100%;
	padding: 0.9em 0;
	border-bottom: 1px solid #333;
	text-decoration: none;
}
#player1 figcaption a:last-child,
#player2 figcaption a:last-child,
#player3 figcaption a:last-child {
	border-bottom: 0;
}
#player1 figcaption a:hover,
#player2 figcaption a:hover,
#player3 figcaption a:hover {
	color: white;
}
figure audio {
		width: 100%;
}

@media (min-width: 600px) {
	#player1, #player2, #player3 {
		width: 250px;
		margin-bottom: 50px;
		margin-right: 15px;
	}
	#player1 figcaption a,
	#player2 figcaption a,
	#player3 figcaption a {
		padding: 0.7em 0;
		font-size: 0.9em;
	}

}