#instrument_tuner{font-family:Roboto}
#instrument_tuner table{border-collapse:collapse;background-color:#fcfeff;border:2px solid #000;margin:5px auto;table-layout:auto} 
#instrument_tuner td{border:1px solid #000;line-height:24px}
#instrument_tuner th{width:62px;border:1px solid #000;background-color:#d3d3d3}
#instrument_tuner button{}
#instrument_tuner fieldset{margin:0px 4px 10px 4px}
#instrument_tuner input[type="radio"] {margin-top:-2px;vertical-align: middle}
#settings_td legend{font-size:16px}
#settings_td{width:180px;padding:8px}
#volume_slider{width:100%;margin:0px 0px}
#stop_button{width:100%;height:50px;margin-top:8px}
#alt_tunings{width:100%}
h1.tuner_title{margin:8px;text-align:center}
.play{width:60px;height:46px;margin:1px}
.A{background-color:#ffcbcb}
.As{background-color:#ffe5cc}
.B{background-color:#ffffcc}
.C{background-color:#e5ffcc}
.Cs{background-color:#ccffcc}
.D{background-color:#ccffe5}
.Ds{background-color:#ccffff}
.E{background-color:#cce5ff}
.F{background-color:#ccccff}
.Fs{background-color:#e5ccff}
.G{background-color:#ffccff}
.Gs{background-color:#ffcce5}
.selected_note{background-color:#fbfbfb;color:#454545;margin:2px;height:40px;line-height:40px;font-size:36px;border:1px solid #000;text-align:center}
@media screen and (max-width: 628px) {
	#instrument_tuner th{width:50px}
	#instrument_tuner{font-size:10px}
	.play{width:48px;height:40px}
	.note{padding:0;height:100%}
	.selected_note{height:30px;line-height:30px;font-size:26px}
	h1.tuner_title{margin:5px}
	#instrument_tuner fieldset{margin:0 2px 5px 2px}
	#stop_button{margin-top:5px}
	#settings_td{width:150px;font-size:12px;padding:5px}
	#settings_td option{font-size:12px}
	#settings_td legend{font-size:13px}
	#instrument_tuner button{font-size:12px}
}