How to make IE11 and IE10 display flex-direction: column and order correctly?

Question

Internet Explorer

Good day!
Tell me a way how to make IE11 and IE10 correctly display the page when including the style properties lex-direction: column and order.
When the page width is less than 850px, the direction: column property is set for individual blocks and their order (order) changes, in Chrome and Firefox everything works, but in IE everything is a mess.
There is a way to persuade IE to display the page adequately without changing the layout drastically, i.e. so as not to give up flex?

Here is the link to the project: https://prs.alieksieiborko1.repl.co/contacts.html#...

Answer 1

IE can’t copy from a competitor , well, it can’t, and that’s it

Answer 2

For example, for this particular page, this solution works:
media (max-width: 600px) div.
CONTACTS {
flex-direction: column;
height: 1000px;
}
media (max-width: 850px) div.
HEAD {
flex-direction: column;
height: 65px;
}
But for other pages of the site, for example, this one
https://prs.alieksieiborko1.repl.co/services.html#...
the above method is not enough.
It is difficult to find the right height for different (changing) device widths.
Maybe there are other more successful and universal ways?