/***
EZ Gallery by netfriend - https://netfriend.neocities.org/ez-gallery/
Released under the Unlicense - https://unlicense.org/
***/

.ezgallery.montage { 
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
 
}

.ezgallery.montage img {
  flex: auto;
  margin: 0 5px 5px 0;
  object-fit: contain;
  width:300px;
  object-position: bottom;
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.ezgallery.montage img:hover { 
  transform: scale(1) rotate(0deg) translate(0px, -8px) skewX(0deg);
  box-shadow: 0 25px 30px rgba(0, 0, 0, 0.3);
  opacity: 1;
  filter: brightness(1);
}

  html, body, iframe {
    height:100%;
    width:100%;
    margin:0;
    border:0;
    display:block;
  }


.date {
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content:center;
align-items:center;
width:100%;

}
.date h1{
font-size:20px;
}

.artnav {
    position: relative;
    grid-area: nav;
	margin: auto;
	padding: 20px;
}

.artnav li a{
	padding: 10px 12px;
}


.artnav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.artnav ul li a{
  color: white;
  text-decoration: none;
}

ul li a:hover {
  color: rgb(240, 240, 163);
}

#current {
	color:rgb(240, 240, 163);
	text-decoration:underline;
}





 @media (max-width: 464px) {
	 
	 	.grid-item img{
margin-top:34px;
		}
.artnav ul li a{
  font-size:20px;
  padding:9px;
  margin:0px;
}

.artnav{
margin:0px;	
padding:10px;
}


.container{
	padding-bottom:0px;
}

	}


 @media (max-width: 460px) {
	.grid-item img{
width:52%;	
}
  	
}
 @media (max-width: 440px) {
.artnav ul li a{
  font-size:18px;
  padding:9px;
}
}


 @media (max-width: 408px) {
.artnav ul li a{
  font-size:17px;
  padding:10px;
  margin:0px;
}



	}


 @media (max-width: 400px) {
.artnav ul li a{
  font-size:15px;
  padding:10px;
  margin:0px;
}



	}
	
 @media (max-width: 340px) {	
	.grid-item img{
width:52%;	
}
  	
  
.header {
	height:51px;
	margin-bottom:22px;
}
  


	}