body{
    background: -webkit-linear-gradient(left, #0072ff, #00c6ff);
}
.contact-form{
    background: #fff;
    margin-top: 7%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    border-radius: 10px;
}
.contact-form .form-control{
    border-radius:.3rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 15%;
    margin-top: -3%;
    /* transform: rotate(29deg); */
}
.contact-form form{
    padding: 12%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #ea6d03;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin-top: 2%;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

/* custom css */
.contact-form .form-control {
    margin: 2% auto;
    width: 60%;
    height: 2rem;
    padding: 0 10px;
	text-align: center;
}
.form-group label {
    display: block;
    margin-top: 1.5%;
}
@media only screen and (max-width: 600px) {
    .contact-image img {
      width: 50%;
      margin-top: 3%;
    }
    .contact-form .form-control {
      width: 90%;
      padding: 0 10px;
    }
    .contact-form {
      margin-top: 15%;
      width: 90%;
    }
    .contact-form .btnContact {
        margin-top: 5%;
    }
    .contact-form .btnContact {
        padding: 3.5%;
    }
}