@media screen and (max-width: 979px)
{
    header {
        padding: 5px 2%;
    }

    #account {
        width: 100%;
        margin: 20px auto;
    }

    #pageUser {
        width: 90%;
    }

    #contentAccount {
        flex-direction: column-reverse;
        align-items: center;
    }

    #descriptionSite, #descriptionSite p:first-child {
        width: 70%;
        min-width: 300px;
        margin-top: 10px;
    }

    .formsAccount {
        width: 300px;
    }
}

@media screen and (max-width: 480px) {
    header {
        flex-direction: column;
    }
}