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