.hero{
    background: url(image/contact-page.jpg);
    background-size: cover;
    width: 100%;
    height: 55vh;
}
.row{
    text-align: center;
}
.row h3{
    text-align: center;
}
.row p{
    text-align: center;
}
.container1{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
h1{
    color: #333;
    margin-bottom: 60px;
}
iframe{
    width: 80%;
    height: 500px;
}
.container{
    width: 100%;
    padding-top: 10%;
    text-align: center;
}
.container h2{
    font-size: 55px;
}
.card-icon{
    margin: 0 1em;
}
.card-icon i{
    font-size: 3em;
}
.card{
    background-color: #01248c;
    color: #fff;
    padding: 3em 0;
    border: 0;
    border-radius: 4em 0;
    background: linear-gradient(to left, #01248c 50%, #033deb 50%);
    background-size: 200%;
    background-position: right;
    transition: all 0.4s ease-in-out;
    margin-left: 20%;
    margin-top: 50px;
}
.card:hover{
    background-position: left;
}
@media (max-width: 786px) {
    .row{
             width: 533px;
                 font-size: 22px;
    margin-left: 46px;
    }
            .contact {
            padding: 37px;
            margin-bottom: 20px;
            width: 548px;
        }
        
     .container1{
        width: 161%;
    margin-left: 19px;
     }
        .container1 h1 {
        margin-top: 228px;
        margin-top: 4%;
        /* width: 404px; */
    }
       iframe {
        width: 197%;
        /* height: 669px; */
        margin-left: 247px;
        margin-bottom: 39px;
    }
.contact .content h2 {
    font-size: 64px;
}
.contact .content p {
    font-size: 29px;
}
    .contactForm .inputBox input, .contactForm .inputBox textarea {
        font-size: 42px;
    }
    .contactForm .inputBox span,  .contactForm .inputBox input:valid ~ span {
        font-size: 32px;
    }
    .contactForm .inputBox input[type="submit"] {
    width: 327px;
    font-size: 37px;
    margin-left: -167px;
}
.cont {
        padding-top: 42%;
        color: white;
        font-size: 65px;
    }

}

