.demo{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.demo div{-webkit-box-flex:1;-ms-flex:1;flex:1}.body{display:-webkit-box;display:-ms-flexbox;display:flex}.footer,.header{-webkit-box-flex:0!important;-ms-flex:0 0 100px!important;flex:0 0 100px!important;background-color:red}.left,.right{-webkit-box-flex:0!important;-ms-flex:0 0 20%!important;flex:0 0 20%!important;background-color:#5f9ea0}