/* ************************* - - - - * REUSABLE FLEXGRID * - - - - *************************** */
@media (min-width: 640px) {
   .flex-grid {
      display: flex;
      flex-wrap: wrap;
      flex-flow: row wrap; }

      .flex-grid--width-100 {
         display: flex;
         flex-wrap: wrap;
         flex-flow: row wrap;
         width: 100%;
         margin: auto; }

      .flex-grid--width-95 {
         display: flex;
         flex-wrap: wrap;
         flex-flow: row wrap;
         width: 95%;
         gap: 2%;         
         margin: 3% auto; }

.flex-grid--width-85 {
   display: flex;
   flex-wrap: wrap;
   flex-flow: row wrap;
   width: 85%;
   margin: auto; }

.flex-grid--width-75 {
   display: flex;
   flex-wrap: wrap;
   flex-flow: row wrap;
   width: 75%;
   gap: 2%;
   margin: auto; }

      .flex-grid--width-67 {
         display: flex;
         width: 67%;
         gap: 5%;
         margin: auto; }

.flex-grid--width-65 {
   display: flex;
   width: 65%;
   gap: 5%;
   margin: auto; }

      .flex-grid--width-62 {
         display: flex;
         flex-wrap: wrap;
         flex-flow: row wrap;
         width: 62%;
         gap: 2%;
         margin: auto; }

            .flex-grid--width-55 {
               display: flex;
               flex-wrap: wrap;
               flex-flow: row wrap;
               width: 55%;
               gap: 2%;
               margin: auto; }

   .flex-grid--width-40 {
      display: flex;
      flex-wrap: wrap;
      flex-flow: row wrap;
      width: 40%;
      gap: 2%;
      margin: auto; }

/* Flex item, Child Widths */ /* gap: 5%; GAP or No gap ?? */
   .flex-grid__col--quarter-width {
      flex: 1 0 25.3333%; }

.flex-grid__col--third-width {
   flex: 1 0 29.3333%; }

.flex-grid__col--half-width {
   flex: 1 0 49%; }

.flex-grid__col--2-third-width {
   flex: 1 0 59.3333%; }

   .flex-grid__col--threequarter-width {
      flex: 1 0 67.3333%; }

      .flex-grid__col--80-percent {
         flex: 1 0 77.3333%; }
   
.flex-grid__col--full-width {
   width: 100%; }

/* flex: 0 0 32.3333%; } */
/* width: 33.3%; } */

/* ----------------------------------- xx Cut / Paste into "Flex_grids.css" xx ref. v1.01 1-40 */