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