@charset "UTF-8";
@font-face{

font-family: 'bryant-web-alternate';

src:url('../fonts/l') format('woff2');

src:url('../fonts/l2') format('woff');

font-weight: normal;

font-style: normal;
}
.mask {
	display : none;
}
@media only screen and (min-width: 50em) {
	.image-container {
		transition: all 0.3s ease-out 0.1s;
	}
	.image-container:hover {
		transform: scale(1.1);
	}
	
	.image-container-wrap {
		overflow:hidden;
	}
	
	.image-container:hover .mask {
		transition-delay: 0s;
		opacity: 1;
	}
	
	.image-container:hover .infotitre h2 {			
		opacity: 1;
		transform: scale(1);
		transition-delay: 0.1s;
	}
	
	.image-container:hover .infotitre p {			
		opacity: 0.5;
		transform: scale(1);
		transition-delay: 0.2s;
	}
	
	.mask {
		display : block;
		background: rgba(0,0,0,0.6);
		opacity: 0;
		transition: all 0.3s ease-in 0.4s;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	
	.infotitre {
		position: relative;
		overflow: hidden;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	
	.infotitre h2 {
		opacity: 0;
		background: transparent;
		margin: 0px 40px 0px 40px;
		transform: scale(3);
		transition: all 0.3s ease-in-out 0.1s;
		text-transform: uppercase;
		color: #fff;
		font-family: "bryant-web-alternate";
		text-align: center;
		position: relative;
		font-weight: normal;
		font-size: 34px;
		padding: 8px;
		border: 1px solid rgba(255, 255, 255, .3);
	}
	
	.infotitre p {
		opacity: 0;
		transform: scale(3);
		transition: all 0.3s ease-in-out 0.2s;
		top: 30px;
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 16px;
		position: relative;
		color: #fff;
		padding: 0;
		text-align: center;
		max-width: 73%;
	}
	
	.gallery-popup a h3{
		display: none;
	}
	
	.mfp-figure figcaption {
		z-index: -1 !important;
	}

	.mfp-bottom-bar {
		max-width: 70% !important; 
	}

	.mfp-bottom-bar {
		top: 63% !important;
	}

}

	
.grid .grid-list li a h3 {
	background-color: #1c1c1c;
}