.contact-body {
    display: flex;
}
.contact-header h2 {
    padding: 1rem 0;
    border-bottom: 2px #ddd solid;
    border-top: 2px #ddd solid;
    margin-bottom: 2rem;
}
.contact-body .map {
    width: 65%;
    margin: 1rem 1.5rem;
}

.contact-body .info {
    width: 35%;
    margin: 1rem 1.5rem;
    padding: 2rem;
}

.contact-body .info a {
    text-decoration: none;
    color: black;
}
@media (max-width: 768px) {
    .contact-body {
        flex-direction: column;
    }

    .contact-body .map {
        width: 100%;
        margin: 0 0 2rem;
    }
    .contact-body .map iframe {
        height: 300px;
    }

    .contact-body .info {
        width: 100%;
        margin: 0;
    }
}