/* Mobile */
@media (max-width: 580px) {
    .auth-card {
        margin: 0;
        height: 100%;
        border-radius: 0;
    }
    .auth-cover {
        background: none;
    }
}

/* Tablet small */
@media (max-width: 768px) {
    .brand {
        text-align: center;
    }
    .cover-content {
        display: none;
    }
}

/* Tablet large */
@media (max-width: 960px) {
    .auth-card {
        flex-direction: column;
    }
    .auth-cover {
        width: 100%;
        height: 20%;
    }
    .auth-form {
        width: 100%;
        height: 80%;
    }
}