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