@media (max-height: 800px) and (max-width: 1440px) {
    .sign-up-header {
        gap: 1rem;
    }
    .sign-up-inputs, .sign-up-form {
        gap: 2rem;
    }
    .sign-up-img-wrapper {
        margin-top: 1.5rem;
    }
    .sign-up-wrapper {
        padding: 0rem .7rem;
    }
}

@media (max-width: 1200px) {
    .sign-up-half.side {
        display: none;
    }
    .sign-up-half {
        width: 100%;
    }
    .sign-up-box {
        padding: 0 2rem;
    }
    .sign-up-wrapper {
        padding: 0;
    }
}

@media (max-width: 500px) {
    .sign-up-box {
        width: auto;
    }
    .sign-up-header-text h1 {
        font-size: 21px;
    }
}