.txt-center {
    text-align: center !important;
}

.txtleft {
    text-align: left !important;
}

.player {
    aspect-ratio: 16.2 / 9;
    width: 100%;
}


.divplayer {
    padding-left: 25vw;
    padding-right: 25vw;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .divplayer {
        padding-left: 0vw;
        padding-right: 0vw;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .divplayer {
        padding-left: 10vw;
        padding-right: 10vw;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .divplayer {
        padding-left: 15vw;
        padding-right: 15vw;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .divplayer {
        padding-left: 20vw;
        padding-right: 20vw;
    }
}

h2 {
    font-weight: 700 !important;
    color: #007bff !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.lbspan {
    font-weight:400;
    color:black;
}