@media only screen and (min-width: 320px) and (max-width: 567px) {
    
    /* LOGIN-PAGE */

    .login-img-container{
        display: none;
    }

    .login-container{
        height: auto;
        margin-top: 8rem;
    }

    .login-content{
        width: 100%;
    }

    /* SIGN-UP-PAGE */

    .mar-t {
        margin-top: 0rem;
    }

    .signup-content{
        width: 100%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 990px){

    /* LOGIN-PAGE */

    .login-content{
        width: 100%;
    }

    /* SIGN-UP-PAGE */

    .mar-t {
        margin-top: 24rem;
    }

    .signup-content{
        width: 70%;
    }
}