/* 
monthimages.css posatlga variation 4 sep 2020 jcb
 */

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 0;
}


.grid div {
    background: #262626;
height: 10em;
    
    position: relative;
    &::before {
      // for aspect ratio
      content: "";
      display: block;
      padding-bottom: 100%;
    }
    }
    
img.teeny {
      position: absolute;
      max-width: 14em;
      object-fit: contain;

      height: 100%;

      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }






p.labelgrid
{
font-family: -apple-system;
font-weight: 700;
position: absolute;
top: 0;
left: 0.4em;
color: #fff;
text-shadow: 1px 1px 2px #000;
}

a
{
text-decoration: none;
color: #fff;
}

body {
  margin: 2rem;
  background: #392510;
}