Trocar a posição de uma div a por b no sentido vertical

Olá Caros,

Estou buscando novas formas de desenvolvimento, encontrei uma nova questão que não queria duplicar as marcações de css e html. Eu acredito que existe uma solução para isso:

Eu tenho uma DIV A e uma DIV B, quando a resolução da tela é menor que 767px, as div ficam uma embaixo da outra. Uma pequena demonstração:

DIV A
DIV B

No entanto, o designer colocou DIV B a em cima e DIV A embaixo, ficando assim:

DIV B

DIV A

A pergunta: Teria alguma forma de fazer isso sem ter mudar a estrutura ou construir um nova estrutura para mobile? Isso em CSS?

Muito obrigado,

André.