@media (min-width: 576px) {
	#header {
		min-height: 5rem !important;
	}

	.t-delay-1 {
		transition-delay: 60ms !important;
	}

	.t-delay-2 {
		transition-delay: 120ms !important;
	}

	.t-delay-3 {
		transition-delay: 180ms !important;
	}

	.t-delay-2 {
		transition-delay: 240ms !important;
	}
	.rl-logo {
        position: absolute;
        left: 2rem;
        top:  1.4rem;
      }

       .nav a {
        color: white !important;
        text-decoration: none !important;
        text-transform: uppercase;
        padding-right: 1rem;
        padding-top: 1.4rem;
        font-size: 1.4rem;
      }

	#intro {
		margin: calc(var(--bs-gutter-x) * .5) 0;
		padding-top: 7rem !important;
	}

	#intro p {
	 padding-bottom: 0;
	 margin-bottom: 0 !important;
	 font-size: 1.8rem;
	 line-height: 1.8;
	}

	#intro .hero {
		padding-top: 6rem !important;
	} 

	.img-wrapper  {
	}

	.img-wrapper img {
		height:  24rem;
		object-fit: cover;
	}

	.img-presta-wrapper img {
		height:  36rem;
		object-fit: cover;
	}


	.value-proposition h2 {
    	font-size: 3rem !important;
	}

	.value-proposition p {
	   font-size: 2rem;
	}

	#nos-domaines {
		padding-bottom: 0 !important;
	}

	#nos-domaines h1 {
		font-size: 4rem !important;
		/* transform: translate(0, 100px); */
		/* ne pas ajouter les transform dans les mediaqueries, mais faire des mediaqueries specifiques pour les animations */
	}

	.nos-offres-element, .domaines-element {
		margin-bottom: calc(var(--bs-gutter-x) * 0.5) !important;
    	margin-top: calc(var(--bs-gutter-x) * .5) !important;
	}

	#comment-ca-marche h1 {
		padding-bottom: 4rem;
	}

	.comment-ca-marche-icon img {
    padding-bottom: 3rem;

	}

	.comment-ca-marche-step p.uppercase {
		line-height: 1.7;
		font-size: 1.8rem !important;
	} 

	div.comment-ca-marche-step-transition-verticale {
		display: block;
		transform: translateX(-1rem) translateY(12rem) rotate(-90deg);
	}

	/*
	div.comment-ca-marche-step-transition-verticale {
		display: none;
	}

	.comment-ca-marche-step-transition-horizontale {
		display: block;
		transform: translate(-20px, 120px) rotate(-90deg) scale(1) !important; 
	}
	*/
	
	#regions {
		padding: 6rem 0;
	}

	#regions .bloc-regions {
		padding: 0;
	}

	#regions h3 {
		margin: 0;
		padding: 0;
	}

	#presta {
	    padding-top: 0;
	}

	#presta img
	{
		margin: 0 !important;
	}

	#presta p {
		font-size: 2rem !important;
		line-height: 1.4 !important;
	}
	.presta-texte {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}

	.presta-texte h3 {
		font-size: 3rem !important;
	}

	h2 {
		font-size: 2.4rem !important;
		line-height: 1.4 !important;
	}

	p.orange {
		font-size: 2rem !important;
	}
}



}
@media (min-width: 576px) {
/*
	.comment-ca-marche-icon-img {
		width: 90%; 
		float: left;
	}
}
*/