.poop #hero.product {
	background-color: #f0dec3;
}
.poop #hero .image {
	background: transparent url('../media/eco-poop-bags.jpg') no-repeat center left;
	background-size: 100% auto;
}
.poop #hero.product .inner .image img {
	width: 120px;
	max-width: 20%;
	margin: 0;
	border-radius: 0;
	position: absolute;
	top: 36px;
	left: 36px;
}
@media screen and (min-width: 67em) {
	
	.poop #hero.product .inner .image {
		align-self: stretch !important;
	}
	.poop .flex.poop-pics {
		justify-content: space-between;
		max-width: 1200px;
		padding: 0;
	}
	
}
@media screen and (max-width: 67em) {
	
	.poop #hero.product .inner .image {
		height: 260px;
		position: relative;
		background-position: center right;
		background-size: auto 100%;
	}
	.poop #hero.product .inner .image img {
		top: 18px;
		left: 18px;
		max-height: 90%;
	}
	.poop #hero.product #product-intro {
		padding: 18px;
	}
	.poop .flex.poop-pics img:first-of-type {
		margin-bottom: 1.25em;
	}
	
}
@media screen and (min-width: 50em) and (max-width: 67em) {
	
	.poop #hero.product .inner .image {
		order: 0;
		margin-top: 0;
		height: 300px;
		background-size: auto 100%;
		background-position: center center;
	}
	
}