Order and reorder content CSS for responsive emails - https://www.shopify.com/partners/blog/dirty-css-hacks-for-responsive-emails

dirty-css-hacks-for-responsive-email-order-and-reorder-content.css

@media only screen and (max-width: 500px) { 
  .wrapper { 
    display: table; 
  } 
  
  .header { 
    display: table-caption; 
  } 

  .nav { 
    display: block; 
  } 
  
  .content { 
    display: table-header-group; 
  } 

  .footer { 
    display: table-footer-group; 
  }						
}