#gallery {

              } 
                
               .thumbnail {
                   width: 223px;
		float: left;
		margin: 0.83%;
               }
                
               
               @media only screen and (max-width: 479px){
                   
               .thumbnail {
                width: 164px;
		float: left;
		margin: 0.83%;
               }}
               
               @media only screen and (max-width: 767px) and (min-width: 480px){
               .thumbnail {
                width: 200px;
		float: left;
		margin: 0.83%;
               } 
                   
               }
               
               
               
               
               
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #3F81E1;
  color: white;
  border: 1px solid black;
}

.pagination a:hover:not(.active) {background-color: #