.page-contacts-content h3{ margin-bottom: 20px;}
.page-contacts-content p{ margin-bottom: 10px;}
#map{ display: block; height: 300px; filter: saturate(0.6); border-radius: 20px; overflow: hidden; margin-top: 40px}
#map >*{ height: 100%; width: 100%; }

@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;   margin-top:0px}


}