@media (max-width: 768px) {
    .container {
        width: 95%;
    }

    .login {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

    .login__content {
        padding: 2rem;
    }

    .login__image {
        display: none;
    }

    .nav__menu ul {
        padding: 1rem 0;
    }

    .nav__item {

        display: none;
    }

    .nav__profile {
        padding: 0 !important;
    }

    .nav__profile img {
        margin: 0 0 0 2rem;
    }

    .nav__user-info {
        display: none;
    }

    .users__header {
        display: block;
    }

    .users__header h1 {
        padding-bottom: 2rem;
    }

    .users-add__content form {
        grid-template-columns: repeat(1, 1fr);
    }
}