#photo-grid {
    margin: 70px 12vw;
}

.row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.row img {
    width: 20%;
    height: auto;
    margin: 8px;
    background-color: white;
}

.hidden {
    display: none;
}

/* Extra Extra large devices (large laptops and desktops, 1200px and below) */
@media only screen and (max-width: 1600px) {
    #photo-grid {
      margin: 70px 175px;
    }
  }

/* Large devices (laptops/desktops, 1000px and below) */
@media only screen and (max-width: 1100px) {
    #photo-grid {
      margin: 70px 100px;
    }
}
  
/* Small devices (portrait tablets and large phones, 800px and below) */
@media only screen and (max-width: 800px) {
    #photo-grid {
      margin: 70px 50px;
    }
}
  
/* Small devices (portrait tablets and large phones, 600px and below) */
@media only screen and (max-width: 600px) {
    #photo-grid {
      margin: 70px 10px;
    }

    .row img {
      margin: 6px;
    }
}