Div encima de otro al achicar pantalla

[fede5426]

En mi opinion la forma mas facil es usando flexbox, aprovechando el atributo order.

Código CSS:

#contenedor {
background-color:#3C6;
width:100%;
margin:auto;
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
 
.uno{
background-color: #f88;
width: 50%;
}
 
@media (max-width: 600px) {
.uno {
background: #044;
width:100%;
order:2;
}
}
 
.dos{
background-color: #b44;
width: 50%;
}
 
@media (max-width: 600px) {
.dos {
background: #077;
width:100%;
order:1;
}
}
 

http://codepen.io/fede5426/pen/aOKEWR

Saludos