body {
  font-family: "bebas-neue";
}
.wrapper {
  height: 620px;
  width: 520px;
  background-color: cyan;
  background-image: url("../../../../apps/scooby_kiss_soundboard/img/background.png");
  background-size: 520px 620px;
}
.header-container {
  height: 240px;
  width: 100%;
  display: block;
}
.header-icon {
  height: 100%;
  width: 257px;
  display: inline-block;
  background: url("../../../../apps/scooby_kiss_soundboard/img/tt.png") no-repeat center center;
  background-size: 240px 240px;
}
.buy-container {
  height: 100%;
  width: 257px;
  display: inline-block;
  position: relative;
}
.buy-links {
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: #5eabb0;
  border: 1px solid #7cbdc1;
  display: none;
}
.links {
  display: inline-block;
  height: 240px;
  width: 50%;
  text-align: center;
}
.links img {
  padding: 5px;
  height: 70px;
  width: 90%;
}
.left {
  float: left;
}
.right {
  float: right;
}
.share-container {
  height: 50px;
  width: 120px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.twitter-share {
  cursor: pointer;
  height: 50px;
  width: 50px;
  display: inline-block;
  background-image: url('../../../../apps/scooby_kiss_soundboard/img/twitter.png');
  background-size: 50px;
}
.facebook-share {
  cursor: pointer;
  height: 50px;
  width: 50px;
  display: inline-block;
  background-image: url('../../../../apps/scooby_kiss_soundboard/img/facebook.png');
  background-size: 50px;
}
.pack-shot {
  height: 100%;
  width: 50%;
  display: inline-block;
  float: left;
  background: url("../../../../apps/scooby_kiss_soundboard/img/packshot.png") no-repeat center center;
  background-size: 111px 133px;
}
.text {
  height: 100%;
  width: 50%;
  display: inline-block;
  float: right;
  text-align: center;
}
.text h1 {
  font-size: 20px;
  font-weight: 400;
  color: white;
  margin-top: 80px;
}
.audio-container {
  height: 360px;
  width: 100%;
  display: block;
}
.helper-text {
  height: 20px;
  width: 100%;
  display: block;
  text-align: right;
}
.helper-text span {
  font-size: 14px;
  color: white;
  margin-right: 15px;
}
.audio-row {
  height: 120px;
  width: 100%;
  display: block;
}
.audio-button {
  position: relative;
  cursor: pointer;
  height: 100px;
  width: 100px;
  margin: 10px 13px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  background-image: url("../../../../apps/scooby_kiss_soundboard/img/button.png");
  background-position: 0 0;
  background-size: 100px 300px;
  box-shadow: inset 4px -4px 4px rgba(0,0,0,0.6),
              inset 0px 5px 5px rgba(255,255,255,0.6),
              inset -4px 0px 4px 1px rgba(255,255,255,0.6),
              -1px 3px 5px 0px rgba(0,0,0,0.5); /*top internal highlight*/
}
.audio-button:hover {
  background-position: 0 -100px;
  box-shadow: inset 4px -4px 4px rgba(0,0,0,0.6),
              inset 0px 5px 5px rgba(255,255,255,0.6),
              inset -4px 0px 4px 1px rgba(255,255,255,0.6),
              -2px 5px 5px 0px rgba(0,0,0,0.5);
}
.audio-button:active {
  background-position: 0 -200px;
  box-shadow: inset 3px -3px 3px rgba(0,0,0,0.6),
              inset 0px 3px 3px rgba(0,0,0,0.6),
              inset -3px 0px 3px 1px rgba(0,0,0,0.6);
}
.audio-button img {
  height: 60%;
  display: block;
  margin: 7px auto 0;
  text-align: center;
}
.audio-button h2 {
  width: 100px;
  color: white;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  display: block;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%, 0);
  bottom: 5px;
}

.download-pdf {
  width: 225px;
  height: 332px;
  display: block;
  background-color: green;
  cursor: pointer;
}

.guitar-pdf {
  background: url('../../../../apps/scooby_kiss_soundboard/img/guitarpdf.jpg');
  background-size: 225px;
}
.drum-pdf {
  background: url('../../../../apps/scooby_kiss_soundboard/img/drumpdf.jpg');
  background-size: 225px;
}
.fan-pdf {
  background: url('../../../../apps/scooby_kiss_soundboard/img/fanpdf.jpg');
  background-size: 225px;
}
.mask-pdf {
  background: url('../../../../apps/scooby_kiss_soundboard/img/maskpdf.jpg');
  background-size: 225px;
}