.grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}

.grid-entry {
   font-size: min(3em, 100%);
   grid-column-start: auto;
   display: flex;
   text-align: left;
   align-items: center;
   margin: 0.5em;
   padding: 1em;
   line-height: 1.5;
   background: var(--light);
   color: var(--medlight);
   flex-direction: column;
   padding-bottom: 0.5em;
   /* box-shadow: 0px 0px 8px -5px var(--darker); */
   transition: all 0.09s ease 0s;
}

/* .grid-entry:hover { */
/*    transform: scale(1.125); */
/* } */

.grid-entry img {
   margin-bottom: 1.25em;
}

.grid-entry li {
   margin-left: 2em;
}

.grid-entry ul {
   align-self: left;
}

.grid-header {
   background: var(--light);
   color: var(--medium);
   font-size: 145%;
   margin-bottom: 0.5em;
   text-align: left;
   word-wrap: break-word;
   max-width: 70%;
}

@media only screen and (max-width: 1200px) {
   .grid {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media only screen and (max-width: 982px) {
   .grid-entry img {
      max-width: 85vw;
   }
   .grid {
      grid-template-columns: repeat(1, 1fr);
   }
}

@media only screen and (hover: none) {
   .grid-header {
      margin-bottom: 0.05em;
   }
}
