.jumbotron {

    background: url(../images/FE_Background.png) no-repeat right top;
    min-height: 700px;
    background-color: white;
}



.display-4 {
    font-size: 35px;
    font-weight: 500;
    color: black;
}


.form {
    padding: 20px;
    background-color: rgba(255, 255, 255, .4);
}


.form-group, .formElement {
    margin-bottom: 10px;
}


.benefits {
    text-align: center;
    margin-top: 50px;
}

    .benefits i {
        font-size: 80px;
        color: #42C2EF;
        margin-bottom: 20px;
    }

h2 {
    padding-top: 25px;
    font-size: 20px;
}

.btn-primary {
    background-color: #315fb6;
    border-color: #315fb6;
    color: #fff;
}

    .btn-primary:hover {
        background-color: #41c5dd;
        border-color: #41c5dd;
        color: white;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: #42C2EF;
        border-color: #42C2EF;
        color: white;
    }

.lead {
    font-size: 1.25rem;
    font-weight: 300;
    color: #000;
}

footer {
    border-top: 1px solid #d8d8d8;
    margin: 100px 0 20px 0;
    padding: 30px 0 0 0;
    text-align: center;
}

@media only screen and (min-width: 700px) {
    .formElement {
        display: inline-block;
        padding: 10px;
    }

        .formElement:nth-child(1), .formElement:nth-child(2) {
            width: 49.7%;
        }

        .formElement:nth-child(3) {
            width: 100%;
        }

        .formElement:nth-child(4), .formElement:nth-child(5), .formElement:nth-child(6) {
            width: 33%;
        }

        .formElement:nth-child(7), .formElement:nth-child(8), .formElement:nth-child(9) {
            width: 33%;
        }

        .formElement:nth-child(10), .formElement:nth-child(11), .formElement:nth-child(12) {
            width: 33%;
        }

    .button {
        margin: 10px;
    }
}


@media only screen and (max-width: 700px) {

    .jumbotron {
        /* background-image: url(/images/background_mobile.jpg);*/
        background-size: 200%;
        min-height: 400px;
    }

    .jumbotron .col-md-4 {
        margin-top: 200px;
    }

    .jumbotron .display-4 {
        margin-top: 225px;
    }

    .form {
        background-color: rgba(242, 242, 242, .4);
    }

    .benefits p {
        margin-bottom: 30px;
    }
}



@media only screen and (max-width: 500px) {
    .jumbotron {
        /*background-image: url(/images/background_mobile.jpg);*/
        background-size: 200%;
        min-height: 400px;
    }

    .jumbotron .col-md-4 {
        margin-top: 150px;
    }
}