section {
	margin:0 auto;
	max-width:150em;
}
h1,
h2 { 
	font-size:5em; 
	text-align:inherit;
	margin:0 0 1rem; 
	line-height:1;
}
h1 { 
	max-width:4em; 
}
a {
	font-weight:bold;
	text-decoration:underline;
	color: #155b39;
}
a:hover {
	color: #000;
}
.pnp-brush,
.pnp-section-partners .pnp-brush,
.pnp-section-nourish .pnp-brush {
	font-style:normal;
	display:inline-block;
	padding: 0 0.1em;
	background:url(../images/people-and-planet/brush-stroke-1.svg) 0 0 / 100% 100% no-repeat;
	background-color: #a5cf4f;
}
h2 .pnp-brush {
	/* background:url(../images/people-and-planet/brush-stroke-2.svg) 0 0 / 100% 100% no-repeat; */
}
.pnp-section {
	text-align:left;
}
.pnp-text {
	margin: 2em auto ;
	padding: 0 1em;
	box-sizing: border-box;
}
.pnp-text p:last-child {
	margin-bottom:0;
}
.pnp-image {
	position:relative;
	overflow:hidden;
}
.pnp-image img {
	display: block;
	object-fit: cover;
}
.pnp-section-measure .pnp-image::before {
	padding:16em 0 33%;
}
.pnp-section-nourish .pnp-image::before {
	padding-top: 66%;
}
.pnp-section-measure img {
	width: 200%;
	max-width:none;
	margin:0 -50%;
	transform: scalex(-1);
	min-height: 22em;
}
.pnp-overlay {
	position:absolute;
	left:1em; 
	top:50%;
	transform:translate(0, -50%);
	color:#fff;
}
.pnp-overlay h2 {
	color:inherit;
	max-width:3.5em;
	font-size:3.5em;
	margin-top:0;
	text-shadow: 0 0 0.25em rgb(0 0 0 / 30%);
}
@media (min-width: 48em) {
	.pnp-section {
		display: flex;
		align-items:center;
		
	}
	.pnp-desktop-flip {
		flex-direction: row;
	}
	.pnp-section > * {
		flex-basis: 50%;
	}
	.pnp-text {
		padding:2em;
		max-width:39em;
		margin:0 auto 0 0;
	}
	.pnp-text:first-child {
		margin:0 0 0 auto;
	}
	.pnp-image {
		align-self: stretch;
		overflow: hidden;
	}
	.pnp-image::before {
		content:'';
		display:block;
		padding-top:56%;
	}
	.pnp-image img {
		position:absolute; 
		left:0;
		top:0;
		height: 100%;
		width: 100%;
		margin:0;
	}
	.pnp-section-purpose img {
		object-position: right top;
	}
	.pnp-section-measure img {
		transform:none;
		object-position: center;
		height: 120%;
		left: auto;
		right: 0;
	}
	.pnp-section-make img {
		object-position: 25% center;
	}
	.pnp-overlay {
		left:auto; right:10%;
	}
}
@media (min-width: 48em) {
	h1,
	h2 { 
		font-size:calc(2em + 6vw); 
	}
	.pnp-overlay h2 {
		font-size:calc(1.5em + 3.5vw);
	}
}
@media (min-width: 100em) {
	h1,
	h2 { 
		font-size:8em; 
	}
	.pnp-overlay h2 {
		font-size:6em;
	}
}
.pnp-icon-save {
	padding-right:2em;
	max-width:7em;
	margin:1em 0;
	position:relative;
	transform:rotate(2deg);
}
@media (min-width: 75em) {
	.pnp-icon-save {
		font-size:1.5em;
	}
}
.pnp-icon-globe {
	margin: -0.2em 0 -0.05em;
	vertical-align: baseline;
	display: inline-block;
	width: 0.9em;
	height: 0.85em;
	background:url(../images/people-and-planet/globe.svg) center right / contain no-repeat; 
}
.pnp-icon-save::after {
	content:'';
	display:block; 
	position:absolute;
	width:2em; height:2em;
	right:0; top:0;
	transform:rotate(-4deg);
	background:url(../images/people-and-planet/arrow-left-white.svg) center right / contain no-repeat; 
}
.pnp-icon-lightning::after { 
	content:'';
	display:inline-block; 
	width:1em; 
	height:1em; 
	background:url(../images/people-and-planet/bolt.svg) center / contain no-repeat; 
	margin:0.05em 0 -0.05em -0.1em;
}
.pnp-icon-recycle {
	margin:-0.2em -1em -0.15em 0;
	vertical-align:baseline;
	display:inline-block; 
	width:1em; 
	height:1em; 
	background: url(../images/people-and-planet/Recycle-Icon-Light.svg) center / contain;
}
.pnp-timeline {
	position: relative;
	background: #155b39;
	color: #fff;
}
.pnp-timeline-row {
	margin: 0;
	padding:1em 0;
}
.pnp-timeline ul,
.pnp-timeline li {
	list-style: none;
}
.pnp-timeline-row::before {
	content:'';	
	position: absolute;
	left: 25%;
	right: 50%;
	height: 100%;
	top: 0;
	background: url(../images/people-and-planet/timeline2-vertical.svg)
  center -8em / auto 84em no-repeat;
}
.pnp-timeline-year {
	display: flex;
	position: relative;
	z-index: 1;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0;
	margin: 1em 0;
}
.pnp-timeline-year h3 {
	color: #a5cf4f;
	margin: 0.3rem 0;
	width: 3.5em;
	text-align: center;
}
.pnp-timeline-year p {
	margin: 0 1em 1em;
	width: 44%;
	font-size: 1.125em;
}
.pnp-disclaimer {
	font-size: 66%;
	display: block;
	margin-top: 1em;
}
@media (min-width: 28em) {
	.pnp-timeline-year {
		justify-content:space-evenly;
	}
	.pnp-timeline-year h3 {
		font-size: 2.5em;
	}
}
@media (min-width: 48em) {
	.pnp-timeline-row {
		padding: 2em 1em;
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
		/* margin-left:-2rem; */
	}
	.pnp-timeline-year {
		break-inside: avoid;
		text-align: left;
		width: calc(25% - 1.25em);
		max-width: 15.25em;
		margin: 0 0.5em;
		padding:1em 0;
		display:block;
	}
	.pnp-timeline-row::before {
		padding: 6% 1em 0;
		top: auto;
		height: auto;
		width: 100%;
		position: static;
		background: url(../images/people-and-planet/timeline2.svg)
			center / 100% auto no-repeat;
		order: 4;
		margin: 0 -2em 0;
	}
	.pnp-timeline-year:nth-child(2),
	.pnp-timeline-year:nth-child(4),
	.pnp-timeline-year:nth-child(6) {
		/* order: 3; */
	}
	.pnp-timeline-year h3 {
		font-size:4vw;
		text-align: left;
		min-width: 4em;
		margin: 0 0.5em 0.5em 0;
		text-align: left;
	}
	.pnp-timeline-year p {
		width: auto;
		margin: 0;
	}
}
@media (min-width: 75em) {
	.pnp-timeline-row {
		/* margin-left: -4em; */
	}
	.pnp-timeline-year h3 {
		font-size:3.5em;
	}
}
.pnp-pack {
	position:relative;
	padding-bottom:8em;
}
.pnp-pack .pnp-text {
	display:flex;
}
.pnp-how2recycle {
	text-align:center;
	margin:auto;
	max-width:16em;
	position:absolute; 
	left:50%;
	bottom:1em;
	transform:translate(-50%,0);
}
.pnp-how2recycle img {
	width:auto;
	max-width:16em;
	margin:0 2em 0.5em 0;
	transform:rotate(2deg);
}
.pnp-how2recycle a {
	text-decoration:underline;
	white-space:nowrap;
	display:block;
	width: 20em;
	transform:rotate(-2deg);
}
.pnp-how2recycle a:hover {
	color:#000;
}
.pnp-banner {
	background: #21372b;
	overflow:hidden;
}
.pnp-banner h2 {
	color:#fff;
	font-size: calc(12.5vw - 0.25em);
	margin:0.5em 0;
	width: 7.5em;
	padding:0 1rem;
}
.pnp-banner-altcolor {
	color:#a5cf4f;
}
@media (min-width: 48em) {
	.pnp-banner h2 {
		width:auto;
		max-width:13em;
		font-size: 6.8vw;
		padding:0 2rem;
	}
	.pnp-banner-desktop-altcolor {
		color:#a5cf4f;
	}
}
@media (min-width: 80em) {
	.pnp-banner h2 {
		font-size:5.6em;
		padding:0;
		margin:0.5em auto;
	}
}
@media (min-width: 48em) {
	.pnp-pack {
		padding-bottom:0;
	}
	.pnp-pack .pnp-section::after {
		content:''; 
		display:block; 
		width:50%;
	}
	.pnp-pack .pnp-text {
		margin: 0 0 0 auto ;
	}
	.pnp-how2recycle {
		transform: none;
		position:static;
		margin:auto 2em;
		padding-bottom:1em;
		font-size:1.125em;
	}
	.pnp-section-last {
		margin-bottom:-2vw;
	}

	.pnp-section-last .pnp-text {
		margin-bottom:2vw;
	}
}