.hero{
    background: url(image/first-page.jpg);
    background-size: cover;
    width: 100%;
    height: 55vh;
}
.cont{
    font-size: 43px;
    text-align: left;
    padding-top: 13%;
    margin-left: 10%;
    color: #fff;
}
.container2{ 
    width: 60%;
    margin-left: 20%;
    margin-top: 5%;
}
.contactForm{
    width: 40%;
    padding: 50px;
    background: #fff;
    text-align: center;
}

#myForm .inputBox input,
#myForm .inputBox textarea{
    width: 100px;
    padding: 5px 0;
    font-size: 16px;
    margin: 10px 0;
    border: none;
    border-bottom: 2px solid #0f0f0f;
    outline: none;
    resize: none;
}
.btn1{
    background: linear-gradient(180deg, #051386, rgba(13, 110, 253, 0.25));
    font-size: 20px;
    margin-left: 40%;
    color: black;
    border-radius: 21px;
    width: 190px;
}
.btn1:hover{
   background: linear-gradient(#051386, #4d57a9);
   color: #fff;
}
.hello{
   margin-top: 5%;
   text-align: center;
}
.hello h2{
   color: #051386;
}
.hello1 h5{
   margin-top: 9%;
}
@media (max-width: 786px) {
    .hello h2 {
    font-size: 42px;
    font-weight: 600;
}
  .hello {
    margin-top: 8%;
    width: 550px;
    margin-left: 39px;
    font-size: 26px;
}
.hello1{
      width: 550px;
    margin-left: 39px;
}
.hello1 h5 , h2 {
    font-size: 39px;
}
.hello1 p{
        font-size: 26px;
}
.container2 {
    width: 153%;
}
    .btn1 {
        font-size: 27px;
        margin-left: 10%;
        padding: 9px;
        padding-left: 53px;
        padding-right: 47px;
        margin-top: 5%;
        width: 330px;
    }
.form-control {
    font-size:29px;
            margin-top: 5%;

}
}