body, html {
    height: 100%;
    margin: 0;
}

.auth-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 100%;
}

.auth-banner-imagem-texto {
    margin: 1%;
    min-width: 200px;
}

.auth-logo {
    max-width: 65%;
    min-width: 150px;
    margin-bottom: 90px;
}

.auth-form {
    margin: 15%;
    text-align: center;
}

.auth-input {
    border: none;
    border-bottom: 1px solid gray;
    padding: 5px;
    width: 100%;
}

.invalid {
    background: #ffb9b9;
    border: 1px solid red;
}

.check-container {
    user-select: none;
}

.check-container * {
    cursor: pointer;
}

.spacing {
    height: 50px;
}

.align-bottom {
    position: fixed;
    bottom: 10px;
}

@media (max-width: 800px) {
    .auth-img {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .auth-container {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .auth-logo {
        margin-top: 0;
    }
}

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

    .auth-container {
        flex: 0 0 100%;
        max-width: 100%;
    }
}