.row {



  display: centered;



  flex-wrap: wrap;



  padding: 0 4px;



 

}





/* Create four equal columns that sits next to each other */



.column {



  flex: 25%;



  max-width: 50%;



  padding: 0 4px;



  display: centered;



}





.column img {



  margin-top: 1px;



  vertical-align: center;



  width: 100%;



}







/* Responsive layout - makes a two column-layout instead of four columns */



@media screen and (max-width: 800px) {



  .column {



    flex: 50%;



    max-width: 50%;



  }



}







/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */



@media screen and (max-width: 600px) {



  .column {



    flex: 100%;



    max-width: 100%;



  }



}



 .btn:focus, .btn:active, button:focus, button:active {



  outline: none !important;



  box-shadow: none !important;



}





#image-gallery .modal-footer{



  display: block;



}







.thumb{



  margin-top: 10px;



  margin-bottom: 10px;



}