/*
:nth-child(1) { --nth-child: 1 }
:nth-child(2) { --nth-child: 2 }
:nth-child(3) { --nth-child: 3 }
:nth-child(4) { --nth-child: 4 }
:nth-child(5) { --nth-child: 5 }
:nth-child(6) { --nth-child: 6 }
:nth-child(7) { --nth-child: 7 }
:nth-child(8) { --nth-child: 8 }
:nth-child(9) { --nth-child: 9 }
:nth-child(10) { --nth-child: 10 }



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

.parrallax-sections.parallax-1-screens{
	height: 250vh;
}
.parrallax-sections.parallax-2-screens{
	height: 300vh;
}
.parrallax-sections.parallax-2-screens-400{
	height: 400vh;
}
.parrallax-sections.parallax-2-screens-500{
	height: 500vh;
}
.parrallax-sections.parallax-3-screens{
	height: 600vh;
}
.parrallax-sections.parallax-4-screens{
	height: 800vh;
}
.parrallax-sections.parallax-5-screens{ 
	height: 1000vh;
}
.parrallax-sections.parallax-6-screens{ 
	height: 1200vh;
}
.parrallax-sections.parallax-7-screens{ 
	height: 1400vh;
}
.parrallax-sections.parallax-8-screens{ 
	height: 1600vh;
}
.parrallax-sections.parallax-9-screens{ 
	height: 1800vh;
}
.parrallax-sections.parallax-10-screens{ 
	height: 2000vh;
}
.parrallax-sections{
	z-index: calc(var(--nth-child));
}
.parrallax-sections > div.container{
	position: sticky;
	top: 100px;
}
.parrallax-sections + .parrallax-sections{
	margin-top: -70vh;
}
.parrallax-sections *[data-enter], .parrallax-sections *[data-scroll], .parrallax-sections *[data-exit], .parrallax-sections[data-enter], .parrallax-sections[data-scroll], .parrallax-sections[data-exit]{
	 Potentiellement activer les transition uniquement pour les paramètres concernés par l'animation choisie 
	transition: all 1s linear;
}

}


@media screen and (max-width:960px){

}

@media screen and (max-width:760px){
}

*/