@media only screen and (max-width: 1300px) { 
    /* quand la fenêtre fait 1300px ou moins  */
    .cell-2/*:nth-child(3n+3)*/ {
        display: none;
        /* nth-child(3n+3) */
    }
}

@media only screen and (max-width: 1300px) { 
    /* quand la fenêtre fait 1300px ou moins  */
    .info-1 {
        font-size: 3vw;
        top: 8%;
    }
    
    .info-2 {
        font-size: 3vw;
        bottom: 8%;
    }
    
    .info-3 {
        height: 83.5%;
        bottom: 8.3%;
    }
}

@media only screen and (max-width: 850px) { 
    
    .info-1 {
        font-size: 5vw;
        top: 49%;
        width: 50%;
        left: 3.5%;
    }
    
    .info-2 {
        left: 3.5%;
        font-size: 5vw;
        bottom: 6.5%;
        width: 50%;
    }
    
    .info-3 {
        height: 40%;
        top: 6.8%;
        left: 3.5%;
        
        width: 92.5%;
        
        
    }
}

@media only screen and (max-width: 850px) { 
    .text-footer-left {
        right: 1.5%;
        font-size: 4vw;
    }
    .text-footer-right {
        left: 1.5%;
        font-size: 4vw;
    }

    .header {
        height: 5.5%;
    }

    .footer {
        height: 5.5%;
    }
}

@media only screen and (max-width: 850px) { 
    .text-final{
        padding-left: 7%;
        padding-right: 7%;
        font-size: 63px;
        top: 39%;
    }
}

@media only screen and (max-width: 850px) { 
    /* .container-3{
        flex-direction: column-reverse;
    } */
   
    .color-head{
        /* height: 40%; */
        position: fixed;
        top: 8%;
        /* left: 3.5%; */
        width: 100%;
        
    }

    .bulles{
        
        top: 50%;
        height: 100%;
        bottom: 8%;
        width: 100%;
        left: 3.5%;
        
    }

    .container-3 {
        display: block;
        height: 5000px;
    }

    .zone-vide {
        height: 450px;
    }
  
    
}

/* @media only screen and (max-width: 1080px) { 
    .container-3{
        flex-direction: column-reverse;
    }
} */





@media only screen and (max-width: 850px) { 
    
    .bulles{
        height: 5000px;
    }

    
   
    .bulle-1 {
        
        
        display: none;
    }

    .bulle-1-res{
        display: inline;
    }
    
    .bulle-2 {
        
        
        display: none;
    }

    .bulle-2-res{
        display: inline;
    }
    .bulle-3 {
        
        
        display: none;
    }

    .bulle-3-res{
        display: inline;
    }
    .bulle-4 {
        
        
        display: none;
    }

    .bulle-4-res{
        display: inline;
    }
    .bulle-5 {
        
        
        display: none;
    }

    .bulle-5-res{
        display: inline;
    }
    .bulle-6 {
        
        
        display: none;
    }

    .bulle-6-res{
        display: inline;
    }
    .bulle-7 {
        
        
        display: none;
    }

    .bulle-7-res{
        display: inline;
    }
    .bulle-8 {
        
        
        display: none;
    }

    .bulle-8-res{
        display: inline;
    }
    .bulle-9 {
        
        display: none;
    }

    .bulle-9-res{
        display: inline;
    }
    .bulle-10 {
        
        display: none;
    }

    .bulle-10-res{
        display: inline;
    }
    
}



@media only screen and (min-width: 850px) { 
    .cache {
        display: none;
    }
}