.artgallery {
  width: 1400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  image-rendering: smooth;
	image-rendering: auto;
	
}
  
.artgallery img {
  max-width: 600px;
  height: 270px;
  object-fit: cover;
  border: 2px solid #000;
  background: #000;
  margin: 2px;
  cursor: pointer;
  }
  
.artgallery img:hover {
  object-fit: contain;
  }
  
  
#all{
  max-width: 1400px;
}

#main{
  max-width: 1400px;
}

body{
  justify-content: center;
  image-rendering: smooth;
}

.collapsible {
width: 900px;
}




.content {
width: 860px;
  margin: auto;
}

.btn {
  border: 2px solid #fff;
  outline: none;
  padding: 12px 16px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
}

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

.btn.active {
  background-color: #fff;
  color: #000;
}

.gallerycontent {
  background-color: black;
  padding-right: 12px;
  padding-left: 4px;
  padding-top: 4px;
  border: 2px solid #fff;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

.h4{
	margin-bottom: 0
}









/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}


.row {
  margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  display: none; /* Hide all elements by default */
      margin: 5px;
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}