* {
  box-sizing: border-box;
}

.gallery-container{
    background-color:rgb(255, 255, 255);
    width:95%;
    height: 600px;
    overflow:auto;
    margin-left:auto;
    margin-right:auto;
    border: solid 15px rgb(255, 255, 255);
    border-radius: 5px;
}

.photogrid-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal photogrid-columns that sits next to each other */
.photogrid-column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
    
}

.photogrid-column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two photogrid-column-layout instead of four photogrid-columns */
@media screen and (max-width: 800px) {
  .photogrid-column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two photogrid-columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .photogrid-column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}