#photos {
    /* Prevent vertical gaps */
    line-height: 0;
    
    -webkit-column-count: 4;
    -webkit-column-gap:   1%;
    -moz-column-count:    4;
    -moz-column-gap:      1%;
    column-count:         4;
    column-gap:           1%;
    
 }
 
 #photos img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: auto !important;
   margin-bottom: 2%;
 }

.inner:nth-child(4n+1) {
 clear: left;
}

.inner {
 float: left;
 margin: 5px;
}

.container5{
  margin: 8% 3vw;

}
 
 @media (max-width: 1500px) {
   #photos {
   -moz-column-count:    3;
   -webkit-column-count: 3;
   column-count:         3;
   }
 }
 @media (max-width: 1200px) {
   #photos {
   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
   
   }
 }

 @media (max-width: 600px) {
   #photos {
   -moz-column-count:    1;
   -webkit-column-count: 1;
   column-count:         1;
   }
   .container4{
    margin: 10vh 8%;
 
  }
 }

 @media (max-width: 500px) {
   #photos {
   -moz-column-count:    1;
   -webkit-column-count: 1;
   column-count:         1;
   }
   .container4{
    margin: 10vh 8%;
 
  }
 }