@media only screen and (min-width: 3840px) {
    h1 {
        font-size: 30px;
    }
    p,
    a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 890px) {
    .item_form {
        display: none;
    }
    .item-form-resp {
        display: block;
    }
    .item-title-signup h1 {
        font-size: 20px;
    }
    .item-title-signup p {
        padding-inline: 15px;
    }
    .item-logo-resp {
        position: absolute;
        margin: 10px;
        color: black;
    }
    .item-logo-resp a {
        text-decoration: none;
    }
    .item-logo-resp img {
        position: relative;
        top: 5px;
        height: 20px;
        width: 20px;
        color: black;
    }

    /********************
    création de compte
    ********************/
    #item_form_signup input {
        width: 250px;
    }
    #eye_mdp_signup {
        position: relative;
        right: 60px;
        bottom: 2px;
    }
    #eye_conf_mdp_signup {
        position: relative;
        right: 60px;
        bottom: 2px;
    }
    #item_form_signup button {
        width: 268px;
        transform: translateX(34px);
    }

    /***********************
    Se connecter
*************************/
    #item_form_login input {
        width: 250px;
    }
    #eye_mdp {
        position: relative;
        right: 90px;
        bottom: 2px;
    }
    #item_form_login button {
        width: 268px;
        transform: translateX(8px) translateY(10px);
        margin-top: 0;
    }
    .main_item_form a {
        transform: translateX(-12px) translateY(5px);
    }
    #item_form_login label[for="remember"] {
        top: 0;
        transform: translateY(20px);
    }
}