/* HTMl Elements */
body {
  font-family:Swiss;
  background-color:Snow;
  margin: 0 auto 0 auto;
  }

h2{
  font-style:italic;
}

hr{
  box-shadow: 0 0 10px 1px;
  margin: 15px auto 35px auto;
}

p {
  text-align:left;
}

/* classes */

.album-art {
  border-radius:50%;
  border:5px solid black;
  
}

.album-text{
padding:40px 0 0 0;
font-weight:bold;
font-size:16px;
}

.band-photo {
width:960px;
}

.bio-container {
 color:grey;
 line-height:1.6;
 width:960px;
 text-align:center;
 margin: 0 auto 0 auto;

}

.button {
  background-color: white;
  border: 2px solid black;
  border-radius: 8px;
  color: black;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

.button:hover{
background-color:black;
color:white;
}

.fav-song-container {
  width:960px;
  text-align:center;
  margin: 0 auto 0 auto;
  color:grey;	
}

.footer {
 padding: 30px 0 30px 0;;
 text-align:center;
 background:black;
 background-image:linear-gradient(to bottom right, #EBC2D4, black);
 color: white;
 font-size:16px;
 width:960px;
 height: 75px;
 margin: 0 auto 0 auto;
}

.header {
  padding: 30px 0 30px 0;
  text-align:center;
  background:black;
  background-image:linear-gradient(to bottom right, black, #EBC2D4);
  color: white;
  font-size:16px;
  width:960px;
  margin: 0 auto 0 auto;
}

.image-container{
  width:960px;
margin: 0 auto 0 auto;
}

.more-songs-container {
  width:960px;
  text-align:center;
  margin: 0 auto 0 auto;
  color:grey;
}

.nav-column {
float:left;
width:25%;
}

.nav-row {
width: 960px;
margin: 0 auto 0 auto;
text-align:center;
}

.nav-row:after {
content:"";
display:table;
clear:both; 
} 

.song-column{
  float:left;
  width:33.3%;
}

.song-row:after{
content:"";
display:table;
clear:both;
}