/*Audio Style*/

.reproductor {
/*position*/
    position: relative;
    bottom: 82px;
    left: 20px;
    border-radius: 50%;
    border-style: transparent;
}

#buttonPlay {
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.reproductor img:active {
  transform: scale(1.2);
}

.reproductor img {
    position: absolute;
    width: 46px;
    height: 46px;
    margin: -22px -24px;
    z-index: 1;
}

@media screen and (min-width:414px) {
  .reproductor {
    position: absolute;
    top: 630px;
    left: 6%;
    max-width: 100px;
  }
}

@media screen and (min-width:512px) {
  .reproductor {
    position: absolute;
    top: 570px;
    left: 20%;
    max-width: 100px;
  }
}

@media screen and (min-width:768px) {
    .reproductor {
      position: absolute;
      top: 870px;
      left: 16%;
      max-width: 100px;
    }
}

@media screen and (min-width:1440px) {
    .reproductor {
      position: absolute;
      top: 550px;
      left: 30%;
      max-width: 100px;
    }
}