sections order

hello i found here on this forum the code to change the order of the sections, and it works great on google chrome but it doesn’t work in safari. how come? it is the same css?
can anyone help?

the website is https://www.hovawartpup.be

/* Flexbox container */
#content {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}

#latestnews {
order: 1;
}

.separator-one {
order: 2;
}

#focus {
order: 3;
}

#team {
order: 4;
}

#testimonials {
order: 5;
}

.purchase-now {
order: 6;
}

#aboutus {
order: 7;
}

#contact {
order: 8;
}

#footer {
order: 9;
}