.contact-main {
    margin: 0 auto;
    max-width: 1000px;
    padding: 100px 0;
}

.contact-left {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding: 0 60px 0 0;
    font-size: 20px;
}
.contact-left h1 {
    font-size: 42px;
}
.contact-left h2 {
    padding: 15px 0 0;
}

.contact-right {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.contact-right iframe {
    height: 400px;
}





@media only screen and (min-width:100px) and (max-width:767px)
{


.contact-main {
    padding: 20px 0;
}
.contact-left {
    width: 100%;
    padding: 0 0 30px;
}
.contact-left h1 {
    font-size: 32px;
}
.contact-right {
    width: 100%;
}



}