.contact{
    width: 100%;
    height: 650px;
    /* background-color: #f4ece6; */
    /* border: 3px solid #f4ece6; */
}
.context{
    width: 100%;
    height:100px;
    margin: auto;
    padding-top: 30px;
    text-align: center;
    /* background-color: #f4ece6; */
    font-family: 'montserrat', sans-serif;
    font-weight: 400;
    font-size: 2em;
    /* border: 3px solid yellow; */
}
.cont2{
    width: 90%;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    margin: auto;
    margin-top: 40px;
    /* border: 3px solid green; */
}
form{
    overflow: auto;
}
.form-group{
    /* margin-top: 2em; */
    /* background-color: #f2f2f2; */
    float: left;
    width: 40%;
    border-radius: 5px;
    padding: 0.2em;
    height: 450px;
    /* border: 3px solid red; */
}
.form-group:nth-child(1){
    margin-right: 1%;
}
form input, form label, form select, form textarea, form button{
    display: inline-block;
    width: 100%;
    font-family: 'montserrat', sans-serif;
    padding: 0.4em;
    margin-bottom: 1em;
}
form button:hover{
    background-color: #f4ece6;
}
.address p{
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}


@media(max-width: 760px){
    .contact{
        height: 1050px;
    }
    .cont2{
        width: 98%;
        display: flex;
        flex-direction: column;
    }
    .form-group{
        width: 98%;
        margin: auto;
        background-color: #f4ece6;
    }
    .maps{
        text-align: center;
    }
}

@media(min-width: 765px){
    .form-group{
        width: 98%;
    }
}