/* Photo style */

.photo-container{
	margin: 4em 0 5em;
}

.grid { 
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
	grid-gap: 15px;
	align-items: stretch;
}
.grid a img {
	border: 1px solid #dddddd;
	max-width: 100%;
	border-radius: 4px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
}
.grid a img:hover{
	cursor: pointer;
	box-shadow: 0px 16px 28px rgba(0,0,0,.20);
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-zoom-out-cur .affix{
	z-index: 1!important;
}