.section-login {
    z-index: 100;display: block;
    position: relative;
    padding: 35px 0px;
}

.section-login .card {
    margin: 10px 0 0 !important;
}

.section-login .form-group {
    margin: 10px 0 0 !important;
}

.section-login #loginBtn, .section-login #resetBtn {
    width: 90%;
    font-size: 20px !important;
    padding: 8px 0 !important;
}

.native-form .form-group input#forgot_email::placeholder{
    text-transform: lowercase !important;
}

.section-login .native-form {
    background: #ebebeb;
    border: 1px solid #c6dba0 !important;
    border-radius: 20px;
}

.section-login #redirect_countdown h3{
    font-size:2rem;
}
#login-viewport h1{
    font-size: 2.5rem !important;
}
#login-viewport label {
    font-size: 1.2rem;
}

#login-viewport .btn-text-skew-fix {
    font-size: 1.4rem !important;
}

#login-viewport .w-100 a {
    font-size: 1.2rem !important;
}
#login-viewport {
    max-width: 600px;
}

#login-main {
    padding-top: 150px !important;
}

.col {
    padding: 0px 15px !important;
}

#login-viewport .card-container, .front, .back {
    margin-bottom: 10px;
}

#order-details-input{
    padding: 40px 60px !important;
}

#order-details-input .vmb-2 {
    margin-bottom: 20px !important;
}

#login-main .native-form .form-group label {
    margin: 0 0 10px !important;
}

#login-main .native-form .form-group input {
    padding: 10px 15px !important;
}

#login-main .native-form .form-group input {
    margin: 0 0 10px;
}

#login-main .vmt-1 {
    margin-top: 20px !important;
}
@media (max-width: 1024px){

    #login-viewport {
    margin: 0 auto !important;
    }

    #login-main {
        padding-top: 40px !important;
    }

    #login-viewport .section-login {
        padding-bottom: 20px !important;
    }

    #login-main .native-form .form-group label{
        font-size: 1.2rem !important;
    }

    .card-container.manual-flip div#card-order-details {
        width: 100% !important;
    }
}

@media (max-width: 650px){
    #login-viewport {
        max-width: 440px;
    }
}

@media (max-width: 600px){
    #order-details-input {
        padding: 20px 15px !important;
    }

    #order-details-input .vmb-2 {
        margin-bottom: 15px !important;
    }

    .card-container.manual-flip div#card-order-details {
        width: 92% !important;
    }

    #login-viewport h1 {
        font-size: 2.3rem !important;
    }

    #login-main {
        padding-top: 10px !important;
    }

    #login-main .native-form .form-group input {
        margin: 0 0 0px;
    }

    #login-main .vmt-1 {
        margin-top: 15px !important;
    }

    #login-viewport .btn-text-skew-fix {
        font-size: 1.2rem !important;
    }

    #login-main .native-form .form-group label {
        font-size: 1rem !important;
    }

    #login-viewport .w-100 a {
        font-size: 1rem !important;
    }

    .card-container.manual-flip {
        margin-top: 65px !important;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 450px) {
    #login-viewport {
        max-width: 350px;
    }

    .card-container.manual-flip {
        margin-top: 45px !important;
        margin-bottom: 0px !important;
    }

}