@media screen and (max-width: 768px) {

    html,
    body {
        width: 100%;
    }

    html {
        scroll-padding-top: 1rem;
    }

    header,
    header nav {
        position: relative;
    }

    header nav ul {
        display: none;
    }

    section {
        min-height: unset;
        padding: 1rem 2rem 5rem;
    }

    section:nth-of-type(even) {
        background: var(--alt-background);
    }

    article.realisation {
        margin: 1rem auto;
        width: 90%;
    }

    form input {
        max-width: unset;
    }

    article.realisation:target {
        width: 100%;
    }
}