/* Tabs */
#tablature {
text-align: justify;
border-radius: 8px;
background-color: rgb(238, 238, 238);
max-width: 790px;
min-width: 300px;
margin: 0px auto;
}
#tablature .content {
padding: 16px;
display: block;
margin: 0px auto;
border-left: 1px dashed gray;
border-right: 1px dashed gray;
}
#tablature .content .string {
font-weight: bolder;
font-size: 12px;
color: black;
font-family: monospace;
	background: linear-gradient(left, #403a41, rgba(80, 80, 80, 0.3));
	background: -webkit-linear-gradient(left, #403a41, rgba(80, 80, 80, 0.3));
    height: 1px;
    margin: 12px;
    line-height: 3px;
}

@media screen and (max-width:1280px) {
 #tablature .content .string {
 	font-size:8px; 
 	line-height:10px; 
 }
}
@media screen and (max-width:960px) {
 #tablature .content .string {
 	font-size:6px; 
 	line-height:8px; 
 }
}
@media screen and (max-width:480px) {
 #tablature .content .string {
 	font-size:4px; 
 	line-height:8px; 
 }
}