/* .grid-container{
   display:grid;
   grid-template-columns: repeat(3, 130px);
   grid-template-rows: auto;
   grid-gap:5pt;
   }

   .grid-producer {
   grid-row: 1;
   grid-column: 1;
   }

   .grid-abbrev {
   grid-row: 1;
   grid-column: 2;
   }

   .grid-consumer {
   grid-row: 1;
   grid-column: 3;
   }
 */

.grid-container{
    display:grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    grid-gap:5pt;
}

.grid-producer {
    grid-row: 1;
    grid-column: 1;
}

.grid-abbrev {
    grid-row: 2;
    grid-column: 1;
}

.grid-consumer {
    grid-row: 3;
    grid-column: 1;
}

/* @media (max-width: 600px) {
   .grid-container {
   grid-template-columns: repeat(auto-fill, minmax(10pt, 200pt));
   background-color: black;
   }
   } */