* {
 margin:0; padding:0;
}

body {
 background-image: url("img/audience-seats.jpg");
 background-size: cover;
 background-position: center;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-color: #503030;
}


.topnav {
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  background-color: #533;
  height: 3.5vw;
}

.topnav a {
  float: left;
  color: #EE6;
  text-align: center;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 1.7vw;
}

.topnav a:hover {
  background-color: #FF9;
  color: black;
}

.topnav a.active {
  background-color: #866;
  color: yellow;
}

#ronpic {
 width:30vw;
 right: 0px;
 border: 0px;
 position:fixed;
 margin-top: 10px;
}

#paybuttons {
	left: 10vw;
}

#paybuttons a img {
 width:25%;
}

h1 {
 color:#EE6;
 font-size:6vw;
 font-family: sans-serif;
 line-height: normal;
 text-shadow: 4px 4px 20px #100;
}
h2 {
 color:#EE6;
 font-size:4vw;
 line-height: normal;
 text-shadow: 4px 4px 20px #100;

}
a[href^="mailto:"] {
 text-decoration: none;
 color: #CC2;
 font-style: italic;
 text-shadow: 4px 4px 20px #100;
}
a:hover[href^="mailto:"] {
 color: #EEA;
}
a[href^="tel:"] {
 text-decoration: none;
 color: #AD8;
 text-shadow: 4px 4px 20px #100;
}
a:hover[href^="tel:"] {
 color: #FFA;
}

#homepage,#bio,#contact,#songlist {
 padding-left:16px;
 padding-right: 16px;
}
#story {
 background-color: #FFE;
 opacity: 0.90;
 border: 4 black;
 overflow:scroll;
 width: 90vw;
 margin: auto;
 height: 80vh;
 padding: 10px;
}
#story p {
 margin-bottom:20px;
}