.landing{
	padding-top: calc(100vh - var(--s));
}

.landing figure{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -10;
	overflow: hidden;
}

.landing figure img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.landing header{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: var(--s);
}

.img-content figure:first-child:not(.fullscreen, .margin--fullscreen) img{
	margin-top: var(--m);
}

.img-content figure:first-child:not(.fullscreen, .margin--fullscreen) span{
	top: var(--m);
}

.img-content figure{
	position: relative;
}

.img-content figure:first-child{
	margin-top: 0;
}

.img-content figure:last-child{
	margin-bottom: var(--s);
}

.img-content .fullscreen + figure{
	padding-top:  0;
}

.img-content .fullscreen img,
.img-content .margin--fullscreen img{
	width: 100%;
	height: 100%;
}

.img-content .margin--fullscreen img{
	object-fit: contain;
}

.img-content figure .fake-img{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	z-index: 9;
	top: 0;
  left: 0;
  opacity: 1;
  transition:  opacity .3s ease .5s;
}

.img-content figure img.loaded + .fake-img{
	opacity: 0;
}

.img-content figure img{
	z-index: 7;
	position: absolute;
	top: 0;
	left: 0;
}

#projects{
	min-height: 60vh;
}

.background-cover{
  position: absolute;
}

.img-content figure:not(.fullscreen, .margin--fullscreen){
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

/*/ Compense le padding superieur /*/
.img-content figure:first-child:not(.fullscreen, .margin--fullscreen){
	margin-bottom: calc(2 * var(--m));
}

.img-content figure:last-child.fullscreen,
.margin--fullscreen:last-child.margin--fullscreen{
	margin-bottom: calc(-1 * var(--l));
}

@media screen and (min-width: 768px){

	.img-content figure:not(.fullscreen, .margin--fullscreen){
		margin-left: 16.6666%;
		margin-right: 16.6666%;
		position: relative;
	}

	.img-content .margin--fullscreen{
		padding-left: 16.6666%;
		padding-right: 16.6666%;
	}

/*	.img-content .margin--fullscreen + .fullscreen,
	.img-content .fullscreen + .margin--fullscreen,*/
	.img-content .fullscreen + .fullscreen,
	.img-content .margin--fullscreen + .margin--fullscreen{
		margin-top: calc(-2 * var(--m));
	}
	/*/ Compense le padding superieur /*/
	.img-content figure:first-child:not(.fullscreen, .margin--fullscreen){
		margin-bottom: calc(3 * var(--m));
	}

	.img-content figure:last-child.fullscreen,
	.margin--fullscreen:last-child.margin--fullscreen{
		margin-bottom: calc(-1 * var(--l));
	}
}


@media screen and (max-width: 768px){
	#contact{
		padding: 0 10px 10px;
	}

	.landing header{
		bottom: 17vh;
	}

/*	.img-content .margin--fullscreen + .fullscreen,
	.img-content .fullscreen + .margin--fullscreen,*/
	.img-content .fullscreen + .fullscreen,
	.img-content .margin--fullscreen + .margin--fullscreen{
		margin-top: calc(-1 * var(--l));
	}
}