@media (max-width: 500px) {
    .login-card {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .footer {
        display: none;
    }

    .hide-on-mobile {
        display: none;
    }

   
}

@media (min-width: 501px) {
    .login-card {
        width: 100%;
        margin: 0;
        max-width: 400px;
    }

}

@media (max-width: 768px) {
    .footer {
        display: none;
    }
    .hide-on-mobile {
        display: none;
    }
    
}

@media (max-width: 500px) {
    .login-content {
        flex-grow: 1;
        padding-left: 0px;
    }

}

@media (min-width: 501px) {
    .login-content {
        padding-left: 70px;
        flex-grow: 1;
    }
}

@media (max-width: 991px) {
    .img-logo {
        display: none;
    }
}

/* Esconder a imagem por padrão */
/*.img-icon {
    display: none;
}*/

/* Mostrar a imagem quando a classe 'mn--min' estiver presente na div com id 'root' */
@media (min-width: 992px) {
    #root.mn--min .img-icon {
        display: block;
    }
}