@media (max-width: 728px) {

    .nav-links{
        display: none;
    }
    .container-menu {
        position: relative;
        max-width: 100%;
        padding: 1rem 0;
    }
    .navbar {
        max-width: 100%;
    }

    #btn-min {
        position: absolute;
        right: 4rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .min{
        display: block;

        color: hsl(var(--foreground));
        cursor: pointer;

        background-color: transparent;
        background-image: none;
        border-color: transparent;

        margin: 0;
        padding: 0.5rem;
    }
    .menu-min{
        border-top: 1px solid var(--border);
        box-sizing: border-box;

        max-width: 100vw;

        background-color: hsl(var(--background) / .95);
        backdrop-filter: blur(20px);
    }
    .container-gap-4{
        padding: 1rem 2rem;
        gap: 1rem;

        display: flex;
        flex-direction: column;

        max-width: 100%;
        margin: 0 auto;
    }
    a.text-min{
        font-family: var(--font-body);
        font-weight: 400;

        text-decoration: inherit;

        color: var(--muted-foreground);
        font-size: 1rem;

        padding: 0 1rem;
    }

    .lucide-x-min, .menu-min {
      display: none;
    }

    .close{
        display: none;
    }
    .open{
        display: block;
    }

    .logo-as {
        width: 50%;
    }

    .title-as{
        font-size: 2.5rem;
    }
    .slogan-wel{
        font-size: 1rem;
    }

    .accueil {
        min-height: 70vh;
    }

    .menu-galerie {
        flex-wrap: wrap !important;
    }
    .galerie, .about, .footer-alienstar {
        padding: 2rem 0;
    }
    .gap-galerie {
        column-count: 2;
        margin: 0 5%;
    }

    .container-footer {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .contact-footer {
        grid-template-columns: repeat(1, 1fr);
    }
}