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