html body{margin:0}*{box-sizing:border-box}.container{display:flex;flex-wrap:wrap}.box{display:flex;justify-content:center;align-items:center;min-width:300px;width:100%;height:300px;font-family:Arial,Helvetica,sans-serif;font-size:100px;color:#fff}.box-1{background:red}.box-2{background:#c00}.box-3{background:#900}.box-4{background:#600}.box-5{background:#300}.box-6{background:#000}@media (min-width:600px){.box{width:50%}.box-4{order:1}.box-3{order:2}.box-5,.box-6{order:3}}@media (min-width:900px){.box{width:33.3%}.box-4{order:3}.box-5{order:2}.box-3,.box-6{order:1}}
/*# sourceMappingURL=style.5f5db225.css.map */