html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0}.container{width:100vw;display:flex;flex-wrap:wrap}.box{height:300px;font-family:Arial,sans-serif;font-size:100px;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-basis:33.3%}.box__1{background-color:red;order:1}.box__2{background-color:#c00;order:2}.box__3{background-color:#900;order:3}.box__4{background-color:#600;order:6}.box__5{background-color:#300;order:5}.box__6{background-color:#000;order:4}@media (max-width:899px){.box{flex-basis:50%}.box__1{background-color:red;order:1}.box__2{background-color:#c00;order:2}.box__3{background-color:#900;order:4}.box__4{background-color:#600;order:3}.box__5{background-color:#300;order:5}.box__6{background-color:#000;order:6}}@media (max-width:599px){.box{flex-basis:100%}.box__1{background-color:red;order:1}.box__2{background-color:#c00;order:2}.box__3{background-color:#900;order:3}.box__4{background-color:#600;order:4}.box__5{background-color:#300;order:5}.box__6{background-color:#000;order:6}}
/*# sourceMappingURL=style.d493e475.css.map */