.modal{
    background-color: rgba(0,0,0,0.8);
}
audio{
    width: 250px;
    height: 40px;
}
.listeItems{
    padding-top: 20px;
    font-size: 1.1em;
    font-weight: bold;
}

@media (max-width: 750px) {
    .modal-xl div{
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 700px) {
    .modal-xl{
        max-width: 710px;
    }
    audio{
        width: 220px;
        height: 30px;
        padding: 0;
        margin: 0;
    }
    .imageAlbum{
        width: 200px;
        height: 200px;
    }
    .listeItems{
        margin: 0;
    }

}
@media (min-width: 990px) {
    .modal-xl{
        max-width: 980px;
        font-size: 1.1em;
    }
    .imageAlbum{
        width: 250px;
        height: 250px;
    }
    .listeItems{
        padding-top: 0px;
    }
}
@media (min-width: 1200px) {
    .modal-xl{
        max-width: 1200px;
        letter-spacing: 0.1em;
    }
    audio{
        width: 350px;
        height: 30px;
    }
    .listeItems{
        font-size: 1.2em;
    }
}