.cont-cascades {
	gap: 5em;
	display: flex;
	padding: 3% 15% 5% 15%;
	flex-direction: column;
	background-color: #ffffff;
}

.cascade-item {
	gap: 2em;
	display: grid;
	grid-template-columns: 2fr 1fr;
}

.cascade-bg {
	height: 580px;
	border-radius: 3px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cascade-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cascade-content * {
	font-family: "Titillium Web", Sans-serif;
}

.cascade-content h2 {
	font-size: 2.813rem;
	font-weight: 600;
	line-height: 2.813rem;
	color: var( --e-global-color-primary );
}

.cascade-content p {
	margin: 0;
	color: #676767;
	font-size: 1rem;
	line-height: 1.75rem;
}

/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {

	.cont-cascades {
		gap: 2.5em;
		padding: 3% 5% 5% 5%;
	}

	.cascade-bg {
		height: 255px;
	}

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {

	.cont-cascades {
		gap: 3em;
		padding: 3% 8% 5% 8%;
	}

	.cascade-bg {
		height: 470px;
	}

}

/*mobile and tablet*/
@media (max-width: 1024px) {

	.cascade-item {
		gap: 1.5em;
		grid-template-columns: 1fr;
	}

	.cascade-item > div.cascade-bg {
		order: 2;
	}

	.cascade-item > div.cascade-content {
		order: 1;
	}

}

/*desktop*/
@media (min-width: 1025px) {

	.cascade-content {
		padding-left: 10%;
	}

	.cascade-item:nth-child(even) {
		grid-template-columns: 1fr 2fr;
	}

	.cascade-item:nth-child(even) > div.cascade-bg {
		order: 2;
	}

	.cascade-item:nth-child(even) > div.cascade-content {
		order: 1;
		padding-left: 0;
		padding-right: 10%;
	}

}

/*pc portable*/
@media (min-width: 1025px) and (max-width: 1700px) {

	.cont-cascades {
		padding: 3% 8% 5% 8%;
	}

	.cascade-content {
		padding: 0;
	}

}


/*RESPONSIVE*/