@media(max-width:360px){

    div#center-form-container{
        height: 830px;
    }
    p.slogan-text {
        text-align: center;
    }

    div.login-card {
        background-color: #fff;
        border: 5px solid #fff;
        border-radius: 5px;
        border-color: transparent;
        padding-left: 30px;
        padding-right: 30px;
        width: 333px;
        display: block;
        align-items: center;
        align-self: center;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
    }

    .login-btn {
        background: #40CD96;
        width: 264px;
        height: 49px;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        border-radius: 4px;
        margin: 10px 0px;
        border: transparent;
        cursor: pointer;
    }

    .signup-btn {
        font-weight: bold;
        color: #ffffff;
        background: #F0BA44;
        border-radius: 4px;
        width: 258px;
        height: 48px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        border: transparent;
        cursor: pointer;
    }

    form.clearfix {
        margin-top: 30px;
    }

    .close-btn {
        position: relative;
        right: 0px;
    }
}

@media(max-width:415px){

    div#center-form-container{
        height: 830px;
    }
    p.slogan-text {
        text-align: center;
    }

    div.login-card {
        background-color: #fff;
        border: 5px solid #fff;
        border-radius: 5px;
        border-color: transparent;
        padding-left: 30px;
        padding-right: 30px;
        width: 330px;
        display: block;
        align-items: center;
        align-self: center;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
    }

    .login-btn {
        background: #40CD96;
        width: 270px;
        height: 49px;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        border-radius: 4px;
        margin: 10px 0px;
        border: transparent;
        cursor: pointer;
    }

    .signup-btn {
        font-weight: bold;
        color: #ffffff;
        background: #F0BA44;
        border-radius: 4px;
        width: 270px;
        height: 48px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        border: transparent;
        cursor: pointer;
    }

    form.clearfix {
        margin-top: 30px;
    }

    .close-btn {
        position: relative;
        right: 0px;
    }
}

@media(min-width:768px){
    .close-btn{
        position: relative;
        right: -185px;
    }
}
@media(min-width:992px){
    .close-btn{
        position: relative;
        right: -183px;
    }
}
@media(min-width:1200px){

    .close-btn{
        position: relative;
        right: -183px;
    }
}