@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/
    /* site{ font-size: 0.78rem; } */
    #login in section form{ width: 33vw; }

}



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

}

/* Tablette */
/*@media (min-width: 768px) and (max-width: 1024px) {*/
@media (min-width: 768px) and (max-width: 1199.98px) {
    #login{ margin-top: -1.25em; }
    #login in section form{ width: 42vw; }
    
}

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

    #login{ margin-top: -1.25em; }
    #login in{ flex-direction: column; }
    #login in section{ padding: 0 1em 1em; }
    #login in section:first-child{ border-right: none; border-bottom: 2px solid #ccc; }
    #login in section form{ width: 85vw; }

}