main {
	margin: 0 auto;
  padding: 1.5rem 0;
	width: 100%;
}


/* General photoset style */


 .photoset {
	overflow: hidden;
	width: 75%;
  margin:auto;
}



.photoset .photoset-row {
	margin-bottom: .5rem;
	overflow: hidden;
  width: 150%;
}
	.photoset .photoset-row:last-child { margin: 0; }
.photoset .photoset-item {
	display: block;
	float: left;
	margin: 0 .25rem;
}
	.photoset .photoset-item:first-child { margin-left: 0; }
	.photoset .photoset-item:last-child  { margin-right: 0; }
.photoset figure {
	margin: 0;
	overflow: hidden;
	position: relative;
}
.photoset figcaption {
	background-color: rgba(255, 255, 255, .75);
	box-sizing: border-box;
  font-size: .75rem;
	padding: .5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all .5s ease-in-out;
}
.photoset-item a {
  background-position: center center;
  background-size: cover;
  border: 0;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.photoset .photoset-item:hover a + figcaption {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}



.photoset img {
	display: block;
  max-width: 100%;
	transition: all .25s ease-in-out;
}

@media screen
and (min-width: 480px)
and (max-width: 768px) { 
  .photoset figcaption {
    display: none;
  }
}

@media screen
and (max-width: 480px) { 
  .photoset .photoset-row {
    width: 100%;
  }
  .photoset .photoset-item {
    float: none;
    margin: 0 0 .75em 0;
  }
  .photoset figcaption {
    display: block;
    -webkit-transform: none;
    transform: none;
    position: relative;
  }
  .photoset img {
    max-width: 100%;
  }
}