@media screen and (max-width: 950px){
body{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
html{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
.videos__item{
    width: 67%;
    height: 60%;
}
}
@media screen and (max-width: 700px){
    #li{
        width: 50%;
    }
}
@media screen and (min-width:1300px){
    .videos__item{
        width: 80%;
    }
}