body {
	font-family: "Arial Narrow";
    color: #000000;
    font-size: 12pt;
}
#title {
	font-family: "Arial";
    color: #000000;
    font-size: 20pt;
    font-weight: bold;
    text-transform: uppercase;
}
#author {
	font-family: "Times New Roman";
    color: #000000;
    font-size: 12pt;
    font-style: italic;
}

#presentation, #hymn_number, #time_sig, #tempo, #key, #aka, #copyright, #ccli, #themes, #key_line, #user1, #user2, #user3, #capo {
	font-family: "Courier New";
    color: #000000;
    font-size: 9pt;
    font-style: italic;
}
.chords {
    font-family: "Times New Roman";
    color: #000080;
    font-size: 11pt;
    font-weight: bold;
}
.capochords {
    font-family: "Times New Roman";
    color: #008000;
    font-size: 10pt;
    font-style: italic;
}
.comment {
	font-family: "Courier New";
    color: #000000;
    font-size: 9pt;
    font-style: italic;
}
.heading {
	font-family: "Arial";
    color: #800000;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 4px;
}
.lyrics {
	font-family: "Arial Narrow";
    color: #000000;
    font-size: 12pt;
}
.lyrics2 {
	font-family: "Arial Narrow";
    color: #000000;
    font-size: 8pt;
}
#song_list {
	list-style-type: square;
}
a {
	text-decoration: none;
	color: #000000;
}
.opensong {
	font-size: xx-small;
	font-style: italic;
}
span.heading {
    border: 2px solid #800000;
    padding: 2px;
}
@media(max-width: 980px){
    body{
     padding: 60px 20px 0;   
    }
    .header {
       
        height: 60px; 
    
    }
    
  .lyrics {
   
    font-size: 18px;

}
	lyrics2 {
    font-size: 10px;

}
#title {
	font-family: "Arial";
    color: #000000;
    font-size: 23pt;
}
#author {

    color: #000000;
    font-size: 16pt;

}

#presentation, #hymn_number, #time_sig, #tempo, #key, #aka, #copyright, #ccli, #themes, #key_line, #user1, #user2, #user3, #capo {
	font-family: "Courier New";
    color: #000000;
    font-size: 14pt;

}
.chords {
    font-family: "Times New Roman";
    color: #000080;
    font-size: 19pt;
    font-weight: bold;
}
.capochords {
    font-family: "Times New Roman";
    color: #ffffff;
    font-size: 19pt;
    font-style: italic;
}
.comment {

    font-size: 15pt;

}
.heading {
	font-family: "Arial";
    color: #800000;
    font-size: 17pt;
    font-weight: bold;
    margin-bottom: 6px;
}
/* Modo landscpe No Olvidar */

}