@media (max-width: 770px) {
    .ya_map {
        width: 500px;
    }   
}

@media (max-width: 510px) {
    .ya_map {
        width: 300px;
    }   
}

@media (max-width: 310px) {
    .ya_map {
        width: 150px;
    }   
}

html {
  scroll-behavior: smooth;
}

.my-height {
    height: 200px;
}