input,textarea{
width: 420px;
padding: 3px;
border: 2px solid gainsboro;
outline: none;
margin: 5px auto;
}
form{
    width: 420px;
    margin: 0 auto;
}
.contact-para,.contact-social,.contact-content h1{
    width: 420px;
    margin: 0 auto;
}
textarea{
    height: 120px;
}
.contact-border{
width: 500px;
display: flex;
justify-content: center;
margin: 0 auto;
}

.img-container{
    width: 55%;
    height:700px ;
}
.img-container img{
    width: 100%;
    height: 100%;
}
.contact-content{
    width: 40%;
    margin:0px  auto ;
}

@media (max-width: 767px) {
    input,textarea,.contact-para,.contact-content h1,.contact-social{
        width: 280px;
        margin: 10px auto;
    } 
    .img-container,.contact-content{
        width: 100%;
        height: 100%;
        margin: 0px auto;
        padding: 0;
    }
    .img-container img{
        height: 400px;
        width: 100%;
        margin: 60px 0 0 0 ;
    }
    .contact-border,form{
        width: 280px;
        margin: 0 auto;
    }
}