@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/
    /* site{ font-size: 0.78rem; } */
    #branches div span h2{ font-size: 1.2em; }
}



@media (min-width: 1200px) { /* Desktop */

}

/* Tablette */
/*@media (min-width: 768px) and (max-width: 1024px) {*/
@media (min-width: 768px) and (max-width: 1199.98px) {
    #splash_mouvement .in{ height: 16em; }
    .marged{ padding: 2em; }
    #branches div{ flex-wrap: wrap; }
    #branches div span{ width: 45%; }
    
}

/* Mobile */
@media (max-width: 767px) {
    #splash_mouvement{ background-size: 75% auto; }
    #splash_mouvement .in{ height: 8em; }
    #splash_mouvement .in div h1{ font-size: 2em; }
    .marged{ padding: 2em 1em; }
    #creagl img{ float: none; width: 76%; }
    #branches div{ flex-direction: column;}
    #branches div span{ width: 94%; }

}