@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/
    #contact .sidepanel{ font-size: 0.88em; width: 26%; }
}


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

}

/* Tablette */
/*@media (min-width: 768px) and (max-width: 1024px) {*/
@media (min-width: 768px) and (max-width: 1199.98px) {
    #splash_contact .in{ height: 16em; }
}

/* Mobile */
@media (max-width: 767px) {

    #splash_contact .in{ height: 12em; }
    #splash_contact .in div h1{ font-size: 2em; }
    
    #contact{ padding: 2em 1em; }
    #contact div{ flex-direction: column; }
    #contact .sidepanel{ width: 94%; }
    #contact .form{ width: 94%; }

    #contactForm{ flex-direction: column; padding: 1em; }
    #contactForm .texte{ width: 100%; margin-bottom: 1em; }
    #contactForm .form{ width: 100%; }

}