.slider { position: relative; }

.slider .slider-item { border-top: 1px solid var(--borders); }

.slider  h2{
	position: relative;
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 20px;
}
.slider >h2:not(:first-child) { margin-top: 120px; }

.slider h2::after {
	content: "";
	position: absolute;
	background-color: var(--borders);
	height: 1px;
	width: 130px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.slider .legend {
	display: flex;
	text-align: center;
	border-top: 1px solid var(--borders);
}

.slider .legend > div {
	flex: 1;
	padding: 10px;
}

.slider .legend:not(:first-child) > div:nth-child(2){ border-left: 1px solid var(--borders); }

/*Mobile*/
@media(max-width: 980px){
	.slider { text-align: center; }

	.ingredients picture { display: block; }
}

/*Desktop*/
@media(min-width: 981px){
	.slider .ingredients { overflow: auto; }

	.ingredients :is(picture, p) {
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}

	.ingredients > picture {
		float: left;
		width: 250px;
		margin-right: 40px;
	}
	.slider .ingredients:nth-child(odd) > picture { float: right; }

	.ingredients strong {
		display: block;
		padding-top: 60px;
	}

	.ingredients p {
		width: calc(100% - 290px);
		float: right;
	}

	.slider .legend { flex-direction: row; }
}