.gradient-custom-2 {
    /* fallback for old browsers */
    background: #76b82a;

    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #76b82a, #669d24, #5e8f1c, #4a8807);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #76b82a, #669d24, #5e8f1c, #4a8807);
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}
@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}


body {
    background-color: #76b82a;
    background-image: linear-gradient(30deg, rgb(108, 173, 35) 12%, transparent 12.5%, transparent 87%, rgb(108, 173, 35) 87.5%, rgb(108, 173, 35)), linear-gradient(150deg, rgb(108, 173, 35) 12%, transparent 12.5%, transparent 87%, rgb(108, 173, 35) 87.5%, rgb(108, 173, 35)), linear-gradient(30deg, rgb(108, 173, 35) 12%, transparent 12.5%, transparent 87%, rgb(108, 173, 35) 87.5%, rgb(108, 173, 35)), linear-gradient(150deg, rgb(108, 173, 35) 12%, transparent 12.5%, transparent 87%, rgb(108, 173, 35) 87.5%, rgb(108, 173, 35)), linear-gradient(60deg, rgba(108, 173, 35, 0.467) 25%, transparent 25.5%, transparent 75%, rgba(108, 173, 35, 0.467) 75%, rgba(108, 173, 35, 0.467)), linear-gradient(60deg, rgba(108, 173, 35, 0.467) 25%, transparent 25.5%, transparent 75%, rgba(108, 173, 35, 0.467) 75%, rgba(108, 173, 35, 0.467)); background-size: 80px 140px; background-position: 0px 0px, 0px 0px, 40px 70px, 40px 70px, 0px 0px, 40px 70px
}

.card {
    margin-top: 50px;
    border-radius: 5px;
    background-color: #FFF;
    filter: drop-shadow(0px 0px 250px #4f7a28);
    overflow: hidden;
    padding: 0;
    border: none;
}

.btn-primary{
    background-color: #76b82a;
    border: #76b82a;
    border-radius:5px;
}
.btn-primary:hover {
    color:#76b82a;
    background-color: #fff;
    border-color: #76b82a;
    border-radius:5px;
}

.form-control{
    border-radius:5px;
}

#error-message{
    border-radius:5px;
}

.card-header{
    text-align: center;
    padding:20px 0 10px 0;
}

.card-header h2{
    text-transform: uppercase;
    color:#666;
    font-size: 20px;
}