@media (max-width:700px) {

    :root{
        --grille-info-mob :5vw;
    }
    body{
        height: 100vh;
        position: absolute;
        overflow-y: hidden;
    }
 
    main{
        position: relative;
        overflow-y: hidden;
        scroll-snap-type: y mandatory
    }
    main section {
        scroll-behavior: smooth;
        scroll-snap-align: center;
    }
    #video{
        height: 100vh;
        width: 100vh;
        display: flex;
        flex-direction: column !important;
        justify-content: space-around !important;
        align-items: normal;
    }
    video{
        display: none;
    }
    .logoMobile{
        display: block;
        height: 65vh;
        width: 100vw;
        position: absolute;
        top: 12dvh;
    }
    footer{
        flex-direction: column;
        width: 100vw;
        height: 100dvh;
        position: fixed;
        align-items: center;
        padding-bottom: 2dvh;
        padding-top: 2dvh;
        top: 0px;
        font-size: 5vw;
        transition: padding-top 0.2s ease-in-out;
    }
    .logoDesktop{
        width: 100vw;
        height: 7vh;
        left: 0px;
        top: 2vh;
        z-index: 20;
    }
    #infos .bigT{
        --fs : 12vh;
        --w : 100vw;
        font-size: var(--fs);
        letter-spacing: calc(var(--fs)/-50);
        width: var(--w);
        left: 0px;
        text-align: center;
        position: relative;
        line-height: calc(var(--fs) - (var(--fs)/10));
        font-kerning: auto;
        height: 50vh;
        margin: 19vh 0 20vh 0;
    }
    .bigT .des{
        display: none;
    }
    .bigT .mob{
        display: block;
    }
    #infos #text{
        --fs : 5vw;
        width: 92vw;
        left: 4vw;
    }
    #infos #contact{
        --fs : 5vw;
        margin: 3vh 0 15vh 0;
        left: 4vw;
        width: 92vw;
        grid-template-columns: 45vw 45vw;
        grid-template-rows: repeat(4, 5vw);
        scroll-margin-top: 3vh ;
        z-index: 25;
        line-height: 5vw;
    }
    #contact span{
        justify-self: flex-start;
    }
    #contact *:nth-child(1){
        grid-column: 1/2;
    }
    #contact *:nth-child(2){
        grid-column: 2/3;
        
    }
    #contact *:nth-child(3){
        grid-column: 1/2;
        grid-row: 3/4;
    }
    #contact *:nth-child(4){
        grid-column: 2/3;
        grid-row: 3/4;
    }
    #contact *:nth-child(5){
        grid-column: 1/2;
        grid-row: 4/5;
        
    }
    #contact *:nth-child(6){
        grid-column: 2/3;
        grid-row: 4/5;
        
    }

}