.contacts-content h2{ margin-top: 0}
.section.form .__container{ max-width: 1360px;}

.map{ display: block; height: 300px; filter: saturate(0.6); border: 1px solid #d5d5d5; border-radius: 6px; overflow: hidden; margin-top: 40px}
.map >*{ height: 100%; width: 100%; }

@media only screen and (min-width: 768px){
    .contacts-content .contacts-content{ flex-basis: 50%; max-width: 400px; display: flex; flex-direction: column;  justify-content: center;     padding-right: 30px;}
    .contacts-content .contacts-map{ flex: 1}
    .map{ margin-top: 0}
}
@media only screen and (min-width: 1024px) {

.page-contacts-wrap{ display: flex; align-items: flex-start; justify-content: space-between }
    .page-contacts-wrap > div{ flex-basis: calc(50% - 10px)}
    .map{ height: 400px}

    }