html,

    body {

      height: 100%;

      margin-left: 10px;
	  
      margin-right: 10px; 

    }

    .cutie {
		
	  margin-left: 0px;

      display: flex;

      flex-flow: column;

      height: 100%;

    }

    .cutie .rolor {

      border: 1px dotted grey;

    }

// roler
// =========================================



//========================================
// Height Demo
//========================================


    .cutie .rolor.header {

      flex: 0 1 auto; background-color:#ebebfb;

      /* The above is shorthand for:

      flex-grow: 0,

      flex-shrink: 1,

      flex-basis: auto

      */

    }

    .cutie .rolor.content {

      flex: 1 1 auto;  background-color: #FFEEFF; text-align:left;

    }

    .cutie .rolor.footer {

      flex: 0 1 40px;

    }