body {
	background-image: url("../assets/PaperBackground.jpg");
   overflow: hidden;
   height: 100%;
	width:100%;
   box-sizing: border-box;
   margin:0;
   padding:0;
}
header {
   margin:0;
   padding:0;
 /*  background-color:#9c7546;   915d35-another med brown   6c3d1f - dark brown, aa6e2d - med brown */ 
   overflow:hidden; 
}
.headerImage {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
h2 {
   font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
   font-size:3em;
   margin:0;
   padding:.4em 0;
   text-align: center;
   color:black;
	float:left;
	width:100%;
}
img.headerIcon {
	height:100px;
	margin-top:-100px;
}
img.headerIcon.left {
	margin-left:2%;
	float:left;
}
img.headerIcon.right {
	margin-right:2%;
	float:right;
}
.container {
   display:flex;
   flex-flow: row wrap;
   clear:both;
}
a.song {
	border:none;
	border-radius:10px;
	background-color:#694F41; 
	width:18%;
	height:95px;
	margin:.5em .7% .5em 1.2%;
	padding:0;
	-webkit-box-shadow: 5px 5px 4px 3px rgba(69,68,69,1);
	-moz-box-shadow: 5px 5px 4px 3px rgba(69,68,69,1);
	box-shadow: 5px 5px 4px 3px rgba(69,68,69,1);
	text-decoration:none;
	color:white;
}
button {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:none;
	border:none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:1.4em;
	color:#ffffff;
}
a.song:hover, a.song:focus, a.song:active {
	-webkit-box-shadow: 5px 5px 4px 3px rgba(69,68,69,1);
	-moz-box-shadow: 5px 5px 4px 3px rgba(69,68,69,1);
	box-shadow: 5px 5px 4px 3px rgba(69,68,69,1);
	border-radius:10px;
	background-color:#881d2c;  /* 2D6A15  */ 
}
a.song:hover button, a.song:focus button, a.song:active button {
	color:#ffffff;
	background-color:#881d2c;  /* 2D6A15  */ 
	border-radius:10px;
}