@media (max-width: 840px) {
body {
	-webkit-background-size: contain !important;;
        -moz-background-size: contain !important;;
	-o-background-size: contain !important;;
	background-size: contain !important;
    }

.audio-player {
    bottom: 38% !important;
    left: 2% !important;
}

.green-audio-player {
    min-width: 100px !important;
    width: 90% !important;
}

}

body {
    margin: 0;

/* DEFAULT
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8FFAE;
    background: -webkit-linear-gradient(-65deg, #43C6AC, #F8FFAE);
    background: linear-gradient(-65deg, #43C6AC, #F8FFAE);
*/
    background: url(../img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.audio-player {
/*    margin-top:35%;
    margin-left:120px;*/
    position: absolute;
    top: 5%;
    left: 18%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;
/*    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;*/
}

.audio-player .controls .controls__total-time {
    display:none;
}

.player-wrapper {
}

div.pin, div.volume__progress, div.gap-progress {
    background-color: #002e5f !important;
}

div.volume__button.open path{
    fill: #002e5f !important;
}