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