.gallery_title{
	right: 70px;
	color:rgb(255, 190, 9, 0.8);
	position:absolute;
	
	
	font-family: Montserrat, Figtree, Nunito, Avenir Next Lt pro Light, Mulish, Omologo Personal;
	font-size:120px;
	font-weight:lighter; 
	letter-spacing: 1px;
}



.gallery_header {
	text-align: center;
	padding: 22px;
	}

	.gallery_buttons{
		font-family: Taviraj Light, Frank Ruhl Libre Light,Inria Serif Light, Forum;
		letter-spacing: 1px;
		line-height: 1.4;
		margin-left: 270px;
		margin-right: 250px;
		margin-bottom:20px;
	}
	
	/* Style the buttons */

		.button28 {
		  appearance: none;
		  background-color: transparent;
		  border: 2px solid #1A1A1A;
		  border-radius: 30px;
		  box-sizing: border-box;
		  color: rgb(255, 196, 71);
		  cursor: pointer;
		  display: inline-block;
		  font-family: Taviraj Light, Frank Ruhl Libre Light,Inria Serif Light, Forum;
		  font-size: 18px;
		  font-weight: 200;
		  line-height: normal;
		  margin: 0;
		  min-height: 10px;
		  min-width: 0;
		  outline: none;
		  padding: 16px 24px;
		  text-align: center;
		  text-decoration: none;
		  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
		  user-select: none;
		  -webkit-user-select: none;
		  touch-action: manipulation;
		  width: 24%;
		  will-change: transform;
		}

		.button28:disabled {
		  pointer-events: none;
		}

		.button28:hover {
		  color: #fff;
		  background-color: #1A1A1A;
		  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
		  transform: translateY(-2px);
		}

		.button28:active {
		  box-shadow: none;
		  transform: translateY(0);
		}

		.activeButton28 {
			font-weight: bold;
			box-shadow: none;
			transform: translateY(0);
		  }





		  #darkbox { width:100%; height:100%; position:fixed;
			top:0; left:0; background-color:rgba(0,0,0,0.8); overflow: hidden; text-align:center;
		 }
		 .darkboximg { padding:2%; max-width: 90%; max-height: 90%; }

#gallery {
   line-height:0;
   -webkit-column-count:5;
   -webkit-column-gap:5px;
   -moz-column-count:5;
   -moz-column-gap:5px;
   column-count:3;
   column-gap:5px;
   margin-top:1rem;
   margin-left: 65px;
}

#gallery img {
   width: 100% !important;
   height: auto !important;
   margin-bottom:5px;
   filter: grayscale(100%);
   transition: filter 2s;
}

#gallery img:hover {
   filter:none;
}

@media (max-width: 1200px) {
   #gallery {
      -moz-column-count:    4;
      -webkit-column-count: 4;
      column-count:         4;
   }
}
@media (max-width: 1000px) {
   #gallery {
      -moz-column-count:    3;
      -webkit-column-count: 3;
      column-count:         3;
   }
}
@media (max-width: 800px) {
   #gallery {
      -moz-column-count:    2;
      -webkit-column-count: 2;
      column-count:         2;
   }
}
@media (max-width: 400px) {
   #gallery {
      -moz-column-count:    1;
      -webkit-column-count: 1;
      column-count:         1;
   }
}