.gallery {
	display: block;
	padding: 0 8vw 5% 8vw;
    background-color: #D1884F;
}
.gallery_container {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-auto-rows: min-content;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-duration: 0.8s;
}

.gallery_item {
	height: 100%;
	width: 100%;
	overflow: hidden;
    border: 3px solid #d4dad9;
}

.gallery_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s ease-in-out;
}

/*md breakpoint*/
@media (min-width: 768px) {
.gallery_container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/*lg breakpoint*/
@media (min-width: 992px) {
.gallery_container {
		grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/*
.filterDiv {
  display: none;
}

.show {
  display: block;  
}

 Style the buttons 

#myBtnContainer {
    text-align: center;
}

.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
  font-size: 1.5em;
  border-radius: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}
*/