.login-height,
.bg-primary {
    height: 100vh;
    position: relative;
}

.login-height {
    padding: 50px 150px !important;
}

.footer-copy {
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}

@media (max-width: 600px) {
    .login-height {
        padding: 30px !important;
    }
}

@media (min-width: 720px) {
    .login-height {
        padding: 50px !important;
    }

    .login-image {
        height: 300px;
    }
}

@media (min-width: 992px) {
    .login-height {
        padding: 50px !important;
    }

    .login.container {
        max-width: 100%;
    }

    .login-image {
        height: 300px;
    }
}

@media (min-width: 1366px) {
    .login-height {
        padding: 50px 150px !important;
    }

    .login-image {
        height: 470px;
    }
}

@media (min-width: 1920px) {
    .login-image {
        height: 680px;
    }
}

@media (min-width: 2560px) {
    .login-image {
        height: 550px;
    }
}