@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/
    site{ font-size: 0.65vw; }
}


@media (min-width: 1025px) { /* Desktop */
    .no_desktop{ display: none; }
}

/* Tablette */
@media (min-width: 768px) and (max-width: 1024px) {
    .no_tablet{ display: none; }  
    site {
        font-size: 1.22vw;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .no_mobile{ display: none; }  
    site {
        font-size: 3.56vw;
    }
    header{ font-size: 0.66em; }
    menu{ width: 100vw; right: -100vw; }
    menu .menuHead{ justify-content: space-between; }

    footer{ flex-direction: column; }
    footer .leftfoot{ flex-direction: row; align-items: center; width: 100%; padding: 1.5em; }
    footer .leftfoot .logo{ width: 12em; margin-right: 1em; }
    footer .leftfoot nav{ font-size: 1.5em; margin-top: 0; }
    footer .rightfoot{ flex: none; width: 100%; padding: 1.5em; }
    footer .rightfoot .email{ text-align: center; border-top: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color);  }
    footer .rightfoot .square{ font-size: 1em; }

}