@media (max-width: 576px) {
    .register-header-welcome {
        display: none;
    }

    .register-header-logo {
        display: block !important;
    }

    .buttons-reg-container {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
        gap: 0.5rem;
    }

    .buttons-ver-container {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
    }

    .register-container {
        height: 100% !important;
        border-radius: 0px !important;
        box-shadow: unset !important;
        row-gap: 0px !important;
    }
}

@media (min-width: 577px) and (max-width: 1023px) {
    .register-container {
        width: fit-content !important;
        margin: 0px 3rem !important;
    }
}