.ce_text_over_video {
    .video_container{
        /*width: 100vw;
        height: 100vh;*/
        position: relative;
    }


    .video_container:after {
        content:"";
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background-color: rgba(10,51,85,0.5);
    }

}

@media (min-aspect-ratio: 16/9) {
    .ce_text_over_video:not(.off) .video_container .iframe {
        /* height = 100 * (9 / 16) = 56.25 */
        /*height: 56.25vw;*/
    }
}
@media (max-aspect-ratio: 16/9) {
    .ce_text_over_video:not(.off) .video_container .iframe {
        /* width = 100 / (9 / 16) = 177.777777 */
        /*width: 177.78vh;*/
    }
}

.ce_text_over_video .text-container {
    top: 0;
    left: 0;
    z-index: 3
}

.ce_text_over_video .text-container .ce_text {
    padding-bottom: 10vw;
    padding-left: calc(1.325rem + 0.9vw)
}

@media (min-width: 1200px) {
    .ce_text_over_video .text-container .ce_text {
        padding-left: 2rem
    }
}

.ce_text_over_video .text-container .titre {
    color: #fff;
    font-size: calc(0.8rem + 1.4vw);
    line-height:1.2em;
    margin-bottom: .25em;
    font-weight: 700;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.7);
}

@media (min-width: 1200px) {
    .ce_text_over_video .text-container .titre {
        font-size: 3rem
    }
}

.ce_text_over_video .text-container .sous_titre {
    font-weight: 700;
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 1em
}

.ce_text_over_video .text-container .big .titre {
    font-size: calc(1.625rem + 4.5vw)
}

@media (min-width: 1200px) {
    .ce_text_over_video .text-container .big .titre {
        font-size: 5rem
    }
}

.ce_text_over_video .text-container .big .sous_titre {
    font-size: calc(1.285rem + 0.42vw)
}

@media (min-width: 1200px) {
    .ce_text_over_video .text-container .big .sous_titre {
        font-size: 1.6rem
    }
}

.ce_text_over_video .text-container .small .titre {
    font-size: calc(1.325rem + 0.9vw)
}

@media (min-width: 1200px) {
    .ce_text_over_video .text-container .small .titre {
        font-size: 2rem
    }
}

.ce_text_over_video .text-container .small .sous_titre {
    font-size: 1.1rem
}

@media screen and (min-width: 576px) {
    .ce_text_over_video {
        max-height: none
    }
}

@media screen and (min-width: 768px) {
    .ce_text_over_video .text-container .ce_text {
        padding-bottom: 7vw;
        padding-left: 9vw;
        /*padding-bottom: 0;
        padding-left: 0;
        padding-top: calc(1.425rem + 2.1vw)*/
    }
}

@media screen and (min-width: 768px)and (min-width: 1200px) {
    .ce_text_over_video .text-container .ce_text {
        /*padding-top: 2rem*/
        padding-left:0;

    }
}

@media screen and (min-width: 768px) {
    .ce_text_over_video .text-container .titre {
        /*font-size: calc(1.575rem + 2vw)*/
    }
}

@media screen and (min-width: 768px)and (min-width: 1200px) {
    .ce_text_over_video .text-container .titre {
        font-size: 2.65rem
    }
}

@media screen and (min-width: 768px) {
    .ce_text_over_video .text-container .sous_titre {
        font-size: calc(1.325rem + 0.9vw)
    }
}

@media screen and (min-width: 768px)and (min-width: 1200px) {
    .ce_text_over_video .text-container .sous_titre {
        font-size: 2rem
    }
}

@media screen and (min-width: 768px) {
    .ce_text_over_video .text-container .big .titre {
        font-size: calc(1.725rem + 5.7vw)
    }
}

@media screen and (min-width: 768px)and (min-width: 1200px) {
    .ce_text_over_video .text-container .big .titre {
        font-size: 6rem
    }
}

@media screen and (min-width: 768px) {
    .ce_text_over_video .text-container .big .sous_titre {
        font-size: calc(1.375rem + 1.5vw)
    }
}

@media screen and (min-width: 768px)and (min-width: 1200px) {
    .ce_text_over_video .text-container .big .sous_titre {
        font-size: 2.5rem
    }
}

@media screen and (min-width: 768px) {
    .ce_text_over_video .text-container .small .titre {
        font-size: calc(1.425rem + 2.1vw)
    }
}

@media screen and (min-width: 768px)and (min-width: 1200px) {
    .ce_text_over_video .text-container .small .titre {
        font-size: 3rem
    }
}

@media screen and (min-width: 768px) {
    .ce_text_over_video .text-container .small .sous_titre {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1680px) {
    .ce_text_over_video {
        /*max-height: 850px*/
    }

}