html {
	margin: 0;
	position: relative;
	min-height: 100%;
}
body {
  font-family:sans-serif;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 0;
	padding-bottom: 3em;
}

h1{
  padding-left:3%;
}bi



h2 a {
  color: #FF5E00;
  text-decoration:none;
}

h2{
  padding-left:3%;
}

h3{
  padding-left:3%;
  font-style:normal;
  font-size:0.8em;
}



.bigBox{
  width:70%;
  margin-left: auto;
  margin-right:auto;
///  background:blue; 
///

}
.artist {
  padding-top:3%;
  padding-bottom:3%;
    font-size:1em;
  width:100%;
    float:left;
    margin-left: auto;
    margin-right:auto;
      border-bottom-style: dotted;

}
.artist a {
    color: #FF5E00;
		text-decoration:none;
}
.topleft{
  font-size:1.3em;
    font-weight: bold;
  text-align:left;
  width:37%;
  display:inline;
  float:left;
padding-left:10%;

}
.topright{
  font-size:1.3em;
  font-weight: bold;
  padding-left:10%;
    text-align:left;
    width:37%;
    display:inline;
    float:left;

}
.left{
  text-align:left;
  width:37%;
  display:inline;
  float:left;
padding-left:10%;
border-right-style: dotted;

}
.right{
padding-left:10%;
  text-align:left;
  width:37%;
  display:inline;
  float:left;

/*
      background:red;*/
}


.top{

padding-top:1%;
padding-left:1%;

}
.artistInfo{
font-weight:bold;
padding-bottom:1%;
padding-left:1%;
font-size:1em;
}
.artistInfo2 {
  font-weight:normal;
font-size:1em;
}
.description {
font-style:normal;
font-size:0.8em;

}
audio {
  width:50%;

}

@media (min-width: 318px) and (max-width: 800px) {
  .bigBox{
    width:100%;
  }
  .artistInfo{
    font-size:0.8em;
  }

.artistInfo2 {
  font-size:0.8em;
}