body{margin:0}.container{display:flex;flex-wrap:wrap;justify-content:center}.container>div{flex:0 0 100%;height:300px;color:#fff;font-family:Arial,serif;font-size:100px;text-align:center;line-height:300px}.container>div:first-child{background:red;order:1}.container>div:nth-child(2){background:#c00;order:2}.container>div:nth-child(3){background:#900;order:3}.container>div:nth-child(4){background:#600;order:4}.container>div:nth-child(5){background:#300;order:5}.container>div:nth-child(6){background:#000;order:6}@media (min-width:600px) and (max-width:899px){.container>div{flex-basis:50%}.container>div:nth-child(3){order:4}.container>div:nth-child(4){order:3}}@media (min-width:900px){.container>div{flex-basis:33.33%}.container>div:nth-child(4){order:6}.container>div:nth-child(6){order:4}}
/*# sourceMappingURL=style.cdd2d6f1.css.map */