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

@media screen and (max-width: 700px) {
    #renseignements {
        grid-template-columns: 1fr;
    }

    .content-name {
        position: absolute;
        font-size: 14px;
    }

    .renseignement {
        position: relative;
        width: 90%;
    }

    .renseignement>input:focus+.label-name .content-name,
    .renseignement>input:valid+.label-name .content-name {
        transform: translateY(-200%);
        font-size: 16px;
    }

    #adresse {
        width: 90%;
    }
}