.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  background:#B1B1B1;
  height:600px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
}


  


.flex-item {
  background: tomato;
  padding: 5px;
  width: 200px;
  height: 150px;
  margin: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}

.flex-item:nth-child(1) {
	order: 1;
	-webkit-order: 1;
}

.flex-item:nth-child(2) {
	order: 2;
	-webkit-order: 2;
}

.flex-item:nth-child(3) {
	order: 3;
	-webkit-order: 3;
}

.flex-item:nth-child(4) {
	order: 6;
	-webkit-order: 6;
}

.flex-item:nth-child(5) {
	order: 5;
	-webkit-order: 5;
}

.flex-item:nth-child(6) {
	order: 4;
	-webkit-order: 4;
}