.flex_container {
            display: flex;
            flex-wrap: wrap;
						flex-direction: row;
            /*gap: 5px; */
        }

     .flex_item {
           flex-basis: 100px;
  				flex-grow: 1;					 
					
					/* flex: 2 2 200px;  */
            background-color: white; 
            padding: 2px ;
            text-align: center;
          /*  border: 1px solid #ccc; */
        }
				 .flex_item1 {
           flex-basis: 100px;
  				 flex-grow: 1;				 
					 flex: auto;
					 /*flex: 1 1 200px; */ 
            background-color: white; 
            padding: 2px;
						
						/*margin-top: 50px; */
            text-align: center;
          /* border: 1px solid #ccc; */
        }
				
				 .flex_item2 {
           flex-basis: 100px; /*50px; */
  				 flex-grow: 1;				 
					flex: auto;
					/* flex: 1 1 200px; */
            background-color: white; 
            padding: 2px;
						justify-content: center;
   				  align-items: center;
						
            text-align: center;
          /*  border: 1px solid #ccc; */
        }
				
				.flex_item3 {
           flex-basis: 300px;
  				 flex-grow: 1;					 
					 
					 /*flex: 1 1 200px; */ 
            background-color: white; 
            padding: 2px;
            text-align: center;
           /* border: 1px solid #ccc; */
        }
				
				
			 .flex_foot {
           flex-basis: 100px;
  				 flex-grow: 1;					 
					 
					/* flex: 2 2 200px;  */
            background-color: white; 
						padding-top: 10px;
						padding-bottom: 10px;
            /* padding: 2px; */
            text-align: center;
          /* border: 1px solid #ccc; */
					background-color: e6e4e3 ;
					/*width: 33%; */
        }