.image-gallery{ 
  width:100%;
  margin:0 auto; 
}

.image-gallery img {
  max-width:100%;
  margin-bottom:15px;
  
}

/* -- Big screen size -- */ 
.image-gallery{  
  -webkit-column-count: 5;  -webkit-column-gap: 15px;
     -moz-column-count: 5;     -moz-column-gap: 15px;
          column-count: 5;          column-gap: 15px;  
}

/* -- Medium screen size -- */
@media screen and (max-width: 1100px) {
  .image-gallery{ 
    -webkit-column-count: 4;  -webkit-column-gap: 15px;
       -moz-column-count: 4;     -moz-column-gap: 15px;
            column-count: 4;          column-gap: 15px;  
  }
 .image-gallery{
  width:100%;

  }
}

/* -- Small screen size -- */
@media screen and (max-width: 800px) {
  .image-gallery{ 
    -webkit-column-count: 3;  -webkit-column-gap: 15px;
       -moz-column-count: 3;     -moz-column-gap: 15px;
            column-count: 3;          column-gap: 15px;  
  }
  .image-gallery{
    width:100%;
  }
}

/* Micro screen size*/
@media screen and (max-width: 600px) {
  .image-gallery{ 
    -webkit-column-count: 1;  -webkit-column-gap: 0px;
       -moz-column-count: 1;     -moz-column-gap: 0px;
            column-count: 1;          column-gap: 0px;  
  }
  .image-gallery{
    width:100%;
  }
  
  .image-gallery img{ /* fills 100% width on small screen */
    width:100%;
    height:auto;
  }
}


.image-gallery img:hover {
border: 1px ridge #B22222;
}