/* OUTILS */

@media screen and (max-width: 1023px) {
	#row-outils-2 img {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	#row-outils-2 {
		transform: translateY(-18%);
	}

	#row-outils-2 .text-box {
		background-color: transparent;
	}
}

@media screen and (min-width: 1140px) {
	#row-outils-2 {
		transform: translateY(-20%);
	}
}

@media screen and (min-width: 1600px) {
	#row-outils-2 {
		transform: translateY(-13%);
	}
}



/* INTELLIGENCE DE LA MAIN */

@media screen and (max-width: 1023px) {
	#row-intelligence-main-2 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	#row-intelligence-main-1 {
		display: flex;
		align-items: center;
	}

	#row-intelligence-main-1 .text-box {
		width: 140%;
		transform: translate(-25%, 40%);
	}

	#row-intelligence-main-2 {
		position: relative;
		z-index: -1;
		transform: translateY(-30%);
	}
}

@media screen and (min-width: 1024px) {
	#row-intelligence-main-1 .text-box {
		width: 120%;
	}
}

@media screen and (min-width: 1440px) {
	#screen-intelligence-main {
		margin-top: 50px;
	}
}


/* KOUDOU */

@media screen and (min-width: 1024px) {
	#screen-koudou {
		margin-top: 0px;
	}

	#screen-koudou .text-box {
		text-align: center;
	}

	#row-koudou-2 {
		position: relative;
		z-index: -1;
		transform: translateY(-6%);
	}

	#row-koudou-3 {
		transform: translateY(-10%);
	}

	#koudou-preparation {
		padding-right: 0;
		transform: translateY(-15%);
	}

	#koudou-retourne {
		padding-left: 0;
	}

	#koudou-retourne img {
		padding-left: 0;
	}
}

@media screen and (min-width: 2000px) {
	#row-koudou-2 {
		transform: translateY(-4%);
	}
}


/* CAROTTE */
#row-carotte a {
	color: #D60F2A;
	padding: 0;
}

#row-carotte .text-box {
	text-align: center;
	color: #D60F2A;
	border: 1px solid #D60F2A;
	padding: 10px 10px 10px 10px;
}

@media screen and (max-width: 1023px) {
	#row-carotte .text-box {
		position: relative;
		width: 30%;
		left: 50%;
		transform: translateX(-50%);
	}

	#row-carotte img {
		position: relative;
		width: 60%;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media screen and (min-width: 1024px) {
	#row-carotte {
		display: flex;
		align-items: center;
	}

	#row-carotte img {
		width: 140%;
	}

	#row-carotte a {
		color: #D60F2A;
		padding: 0;
	}

	#row-carotte .text-box {
		width: 60%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		color: #D60F2A;
		border: 1px solid #D60F2A;
		padding: 10px 10px 10px 10px;
	}
}