/*GRID */
.grid-style1 {
    text-align: center;
    max-width: 95vw;
    margin: 2.5vw auto;
  }
  
  .grid-style1 .grid-item {
    padding: 5px;
    box-sizing: border-box;
      display:inline;
  }
  
  .grid-style1 .grid-item img {
    width: 100%;
  }
  
  .grid-style1 .grid-item p{
      margin: 0 !important;
      font-style: italic;
      font-size: 80%;
  }
  
  
  .grid-style1 .inner-wrapper{
      padding: 5px;
  }
  
  
  /* Step 4: Add media queries (subjective) to make the whole grid resposive. */
  
  @media (min-width: 500px) {
    .grid-style1 .grid-item {
      width: 50%;
    }
  }
  
  @media (min-width: 1000px) {
    .grid-style1 .grid-item {
      width: 33.333%;
    }
  }
  
  @media (min-width: 1700px) {
    .grid-style1 .grid-item {
      width: 25%;
    }
  }
  
  @media (min-width: 2100px) {
    .grid-style1 .grid-item {
      width: 20%;
    }
  }