.contact-header {
    padding-top: 56px;
    padding-bottom: 56px;
}
.contact-header__text {
    max-width: 838px;
}
.contact-info > div {
    width: calc((100% - 56px)/2);
}
.contact-info .map {
    border-radius: 14px;
    overflow: hidden;
}

@media (max-width: 992px) {
    .contact-header {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .contact-info {
        flex-direction: column;
        gap: 56px;
    }
    .contact-info > div {
        width: 100%;
    }
    .contact-info .map {
        height: 400px;
        max-height: 80vh;
    }
}

@media (max-width: 420px) {
    .contact-header .font-size-50 {
        font-size: 24px;
    }
    .contact-info__btns {
        flex-direction: column;
    }
}