#video {
    display: flex;
    justify-content: center;
}

.video-container{
    width: 100vw;
}


.video-base{
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.v-layer1{
    z-index: 6;
    position: absolute;
}
.v-layer2{
    top:-30%;
    height: 30vh;
}

.with-30{
    width: 100%;
}

.txt-c-white{
    color: white;
}

.anime-1{
    opacity: 0;
    transition-duration: 5s;
}
.anime-2{
    opacity: 1;
    transition-duration: 5s;
}

.text-1,
.text-2,
.text-3{
    font-size: 35px;
}



@media screen and (max-width: 1350px){

    .v-layer2{
        top:-30%;
        height: 30vh;
    }
    .text-1,
    .text-2,
    .text-3{
        font-size: 24px;
    }

}
@media screen and (max-width: 750px){

    .v-layer2{
        top:-30%;
        height: 20vh;
    }
    .hSize{
        font-size: larger;
    }

}
@media screen and (max-width: 600px){

    .v-layer2{
        top:-30%;
        height: 18vh;
    }

    .text-1,
    .text-2,
    .text-3{
        font-size: 20px;
        padding: 3px;
    }
    .text-2{
        padding-top: 10px;
    }
    .text-3{
        padding-right: 10px;
    }

}