/*
Grid Layout Styles
*/

/* .post-content {
    margin-left: auto;
margin-right: auto;
padding-top: 1.5em;
padding-right: 1.5em;
padding-left: 1.5em;
max-width: 1280px;
display: block;
} */

.masonry {
    display: grid;
    grid-gap: 0.5em;
    grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
    grid-auto-rows: 0;
}

.masonry-item, .masonry-content {
    /* border-radius: 3px; */
    overflow: hidden;
  }
  
  .masonry-item {
      /* display: block;
      box-sizing: border-box;
      max-width: 100%; */
    /* height: auto; */
      /* background-color: red; */
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .3));
    transition: filter .25s ease-in-out;
  }
  .masonry-item:hover {
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .3));
  }

  .masonry-content {
      /* display: block; */
    /* box-sizing: border-box; */
    width: 100%;
    height: auto;
}


  /* .gallery {
    overflow: hidden;
    margin: 10px;
    max-width: 1280px;
} */
/* .gallery figure {
    float: left;
    position: relative;
    width: 100%; 
    padding-bottom: 100%; 
} */