/* Give the player a height & width of 0. Otherwise the player is visible on mobile devices (tested on iPhone 5). */

#player {
  height: 0;
  width: 0
}

/* Apologies for the large base64 image file */

.speaker, .speaker2, .speaker3, .speaker4 {
  background-image: url('../img/player/play.gif');
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: 0 0;
  height: 21px;
  width: 21px;
  cursor: pointer;
  display: block;
  position: relative;
  display: block;
  float: left;
}

.speakerplay {
  background-image: url('../img/player/pause.gif');
}
#clips{
  margin-top:1em; 
}#clips section{
  display: block;
  float: left;
}
#clips h3{
  float: left;
  margin:0.2em 3em 0.2em 0.35em;
  font-size:1em;
  letter-spacing: 0;
}#clips .holder{
  border-top: solid 1px rgba(0,0,0,0.2);
  border-bottom: solid 1px rgba(0,0,0,0.2);
  padding: 0.5em 0;
  width: 100%;
  max-width: 770px;
  clear: both;
  margin: 0 auto;
}#clips .c12{
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}