Hi there

I'm using the Beaumont template. In order to change the responsive order im using the custom css code:

#main {
display: flex;
flex-direction: column;
}
.sidecol_a, .sidecol_b {
order: 1;
}

That works fine, except in the browser Safari.
Can you help me with this issue?

My example is: http://www.dachsubstrate.ch/index.php/kontakt
In resolution 767px width the layout changes to the new order.

Many thanks for any help :-)