.demo-container{height:100px;background-color:gray;margin-bottom:10px;overflow:hidden}.demo-box{height:30px;width:20%;color:#fff;text-align:center;line-height:30px}.flex-column,.flex-column-reverse,.flex-row,.flex-row-reverse,.flex-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap-no{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.main-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.main-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.main-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.main-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.main-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cross-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.cross-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.cross-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.cross-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cross-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.align-start{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.align-end{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.align-center{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.align-stretch{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.align-between{-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.align-around{-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around}.flex1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flex2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.flex-row>.flex1,.flex-row>.flex2{width:0;min-width:0}.flex-column>.flex1,.flex-column>.flex2{height:0;min-height:0}.self-start{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.self-end{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.self-baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.self-stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.order1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-1{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}