/* General */
body {
	font-weight: 500;
	font-family: Raleway, sans-serif;
}

.section-container {
	max-width: 1440px;
	padding-left: 32px;
	padding-right: 32px;
	margin-left: auto;
	margin-right: auto;
}

h2.h2 {
	margin: 0;
	font-size: 42px;
	
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
	color: #333;
}

h3 {
	color: #333;
	font-size: 40px;
	font-weight: 500; 
	line-height: normal;
}

h4,
.h4 {
	font-size: 25px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase; 
}

p.p-lg {
	font-size: 18px;
	line-height: 24px;
	color: #333;
}

.button {
	height: 50px;
	padding: 10px 52px;
	font-weight: 600;
	font-size: 16px;
	border-radius: 0px;
	line-height: 30px;
}

/* Hero */
#hero {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	margin-top: 10px;
}
#hero .leftblock {
	height: auto;
	background: none;
}
	#hero .leftblock img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
#hero .rightblock {
	padding: 50px 20% 50px 55px;
}

/* Featured icons */
#featured-icons-section {
	padding: 150px 0;
	text-align: center;
	background: #FAF6EE;
}
	#featured-icons {
		display: flex;
		justify-content: space-between;
		gap: 54px;
		margin-top: 84px;
	}
		.featured-icon {
			width: 25%;
		}
			.featured-icon img {
				width: 90px;
				height: 90px;
				margin-bottom: 32px;
			}
			.featured-icon h5 {
				margin-top: 0px;
				margin-bottom: 24px;
				font-size: 22px;
				color: #333;
			}
			.featured-icon p {
				margin: 0;
			}

/* Machines */
.machinesv1 h2.h2 {
	width: 100%;
	text-align: center;
	margin-bottom: 75px;
}
.machinesv1 img {
	height: 140px;
	object-fit: contain;
	object-position: bottom;
}
.machine-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	flex-direction: row;
	margin-top: 10px;
}
	.machine-stat {
		display: flex;
		align-items: center;
		width: 100%;
		gap: 16px;
	}
		.machine-stat img {
			width: 38px;
			height: 38px;
		}
		.machine-stat p {
			margin: 0;
			color: #000;
		}
			
/* Impact */
#Impact-Section .w-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#Impact-Section .column-title-block {
	margin-bottom: 28px;
}
	#Impact-Section .column-title-block .h4 {
		margin-bottom: 18px;
	}
#Impact-Section .button {
	margin-top: 20px;
}
#impact-white-block {
	padding: 34px 54px 54px 54px;
	background: #FFF;
	text-align: center;
}
	#impact-white-block h4 {
		margin-top: 18px;
		margin-bottom: 28px;
		color: #333333;
	}
	#impact-white-block p {
		margin: 0;
	}

/* Benefits */
.section-30 h2,
.section-30 p {
	max-width: 1000px;
}
.section-30 h2 {
	margin-bottom: 48px;
}
.benefit-stats {
	gap: 20px 74px;
	margin-top: 38px;
}
	.benefit-stats .machine-stat {
		width: calc(50% - 37px);
	}
		.benefit-stats .machine-stat img {
			width: 30px;
			height: 30px;
		}

/* Benefits Coffee */
#benefits-coffee {
	flex-direction: row;
}
	#benefits-coffee_left {
		width: 50%;
		padding-right: 86px;
	}
		#benefits-coffee_left img {
			width: 100%;
			object-fit: cover;
		}
	#benefits-coffee_right {
		width: 50%;
	}
		#benefits-coffee_right h2 {
			margin: 40px 0 24px;
		}
		#benefits-coffee_right h5 {
			margin: 48px 0 32px;
			font-size: 22px;
			line-height: 20px;
		}

/* Trial */
#trial {
	flex-wrap: wrap;
	flex-direction: row;
	align-items: initial;
	padding: 0;
	background: #FAF6EE;
}
	#trial-left {
		width: 50%;
		padding: 64px 116px 72px 84px;
	}
		#trial-left h3 {
			margin-bottom: 32px;
		}
		#trial-left p {
			margin-bottom: 30px;
		}
	#trial-right {
		width: 50%;
	}
		#trial-right img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}

/* Newsletter */
#newsletter {
	justify-content: flex-end;
	padding: 140px 10% 140px 0;
	background: url('../images/newsletter-banner.jpg') no-repeat center;
	background-size: cover;
}
	#newsletter-content {
		width: 760px;
	}
		#newsletter-content h4 {
			margin-bottom: 24px;
		}
		#newsletter-content p {
			max-width: 550px;
			margin-bottom: 52px;
		}
		#newsletter-content form {
			display: flex;
			gap: 16px;
			max-width: 730px;
		}
			#newsletter-content input {
				border-radius: 0;
				border: 1px solid #A9A9A9;
				color: #797979;
				font-size: 16px;
				padding: 14px 18px;
				flex: 1;
			}
			#newsletter-content button.newsletter-submit {
				height: 56px;
				padding: 16px 36px;
				color: #FFF;
				font-size: 20px;
				font-weight: 600;
				letter-spacing: 0.6px;
				text-transform: uppercase;
				background: #ABB200;
				line-height: 24px;
			}
				#newsletter-content button.newsletter-submit:hover {
					background: #333;
					color: #FFF;
				}
				#newsletter-content button.newsletter-submit img {
					margin-left: 4px;
					position: relative;
					top: -2.5px;
				}

/* Responsive */	
@media (max-width: 991px) {
	#hero .leftblock,
	#trial-right {
		width: 100%;
	}
	#hero .rightblock,
	#trial-left {
		width: 100%;
		padding: 50px 32px;	
	}
	#featured-icons {
		flex-wrap: wrap;
	}
	.featured-icon {
		width: 100%;
	}
	.machinesv1 {
		padding: 100px 32px;
	}
	.machinesv1 > div {
		width: 100% !important;	
	}
	.machinesv1 h2.h2 {
		margin-bottom: 42px;
	}
	.photo-section-overlay.avantageproduit.desktop {
		padding-right: 0;
		padding-left: 0;
	}
	#impact-white-block {
		margin-top: 54px;
	}
	.benefit-stats .machine-stat {
		width: 100%
	}
	#benefits-coffee {
		flex-wrap: wrap;
	}
	#benefits-coffee_left,
	#benefits-coffee_right {
		width: 100%;
		padding-right: 0px;
	}
	#trial {
		flex-direction: column-reverse;
	}
	#trial .form {
		align-items: flex-start;
	}
	#trial .form .w-row {
		width: 100%;
	}
	#trial .form .w-col {
		width: 100%;
		padding: 0px;
	}
	#trial .form .w-input {
		margin-bottom: 16px;
	}
	#newsletter {
		padding-left: 32px;
		padding-right: 32px;
		background: #FFF;
		text-align: center;
	}
	#newsletter-content {
		width: 100%;
	}
	#newsletter-content p,
	#newsletter-content form {
		max-width: none;
	}
}