#metronome_container {
    padding-top: 2em;
    /*background-color: #2a3e2c80;*/
    -moz-box-shadow: 2px 2px 10px #000;
    -webkit-box-shadow: 2px 2px 10px #000;
    box-shadow: 2px 2px 10px #000;
	-webkit-border-radius: 1em;		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 1em;			/* Firefox 1-3.6 */
	border-radius: 1em;				/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

	}												/* sd-metronome.css */
#metronome_container #controls > div {text-align: center;}
canvas {max-width:100%;}
#controls {}

.play {width: 5em;font-size: 18px !important;}

#tempo {}

.illumination_container {padding:1em;text-align: center;}
#metronome_container input,
#metronome_container select {width:90%; margin:.5em auto; max-width:250px;}
#metronome_container h5 {line-height:1; margin:0;}


#metronome_container input#tempo {background: #f2d360; border-radius: 5px; }


@media screen and (min-width: 580px) {													/* Minimum width of 580 pixels. */
	#metronome_container #controls > div {display:inline-block; vertical-align:middle; width:37%;}
	#metronome_container #controls > div#play_button {width:20%;}
}