.container {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:flex-start;
    align-items:stretch;
}

.left {order:1;  flex-basis:100%; }
.middle {order:3; flex-basis:100%; }
.right {order:2;   flex-basis:100%;  text-align: right;}

@media screen and (min-width:800px) {
   .container {
       flex-wrap:nowrap;
   } 
   
    .left {
       /* flex-basis:200px; */
        order:1;
    }
    .middle {
        flex-basis:1;
        order:2;
    }
    .right {
        /* flex-basis:200px; */
        order:3;
		text-align: right;
    }
}

@media screen and (max-width:800px) {
	 
	    .right {
        /* flex-basis:200px; */
     
		text-align: left;
    }
 }