.wrapper{display:flex;flex-flow:row wrap;font-weight:700;text-align:center}.wrapper>*{padding:10px;flex:1 100%}.main{text-align:left;background:#fff}.aside-1{background:#fff;border-right:1px solid #ccc}.aside-2{background:#fff;border-left:1px solid #ccc}@media all and (min-width:800px){.aside{flex:1 0 0}}@media all and (min-width:800px){.main{flex:6 0px}.aside-1{order:1}.main{order:2}.aside-2{order:3}.footer{order:4}}@media all and (max-width:800px){.main{flex:4 0px}.aside-1{order:2}.main{order:1}.aside-2{order:3}.footer{order:4}}