/*GENERAL - START*/
@font-face {
    font-family: 'FS Lola';
    src: url('../../../fonts/FSLola.eot');
    src: url('../../../fonts/FSLola.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/FSLola.woff2') format('woff2'),
        url('../../../fonts/FSLola.woff') format('woff'),
        url('../../../fonts/FSLola.ttf') format('truetype'),
        url('../../../fonts/FSLola.svg#FSLola') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Lola';
    src: url('../../../fonts/FSLola-Light.eot');
    src: url('../../../fonts/FSLola-Light.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/FSLola-Light.woff2') format('woff2'),
        url('../../../fonts/FSLola-Light.woff') format('woff'),
        url('../../../fonts/FSLola-Light.ttf') format('truetype'),
        url('../../../fonts/FSLola-Light.svg#FSLola-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Lola';
    src: url('../../../fonts/FSLola-Bold.eot');
    src: url('../../../fonts/FSLola-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/FSLola-Bold.woff2') format('woff2'),
        url('../../../fonts/FSLola-Bold.woff') format('woff'),
        url('../../../fonts/FSLola-Bold.ttf') format('truetype'),
        url('../../../fonts/FSLola-Bold.svg#FSLola-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Lola';
    src: url('../../../fonts/fslola-ExtraBold.eot');
    src: url('../../../fonts/fslola-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/fslola-ExtraBold.woff2') format('woff2'),
        url('../../../fonts/fslola-ExtraBold.woff') format('woff'),
        url('../../../fonts/fslola-ExtraBold.ttf') format('truetype'),
        url('../../../fonts/fslola-ExtraBold.svg#FSLola-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Lola';
    src: url('../../../fonts/FSLola-Medium.eot');
    src: url('../../../fonts/FSLola-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/FSLola-Medium.woff2') format('woff2'),
        url('../../../fonts/FSLola-Medium.woff') format('woff'),
        url('../../../fonts/FSLola-Medium.ttf') format('truetype'),
        url('../../../fonts/FSLola-Medium.svg#FSLola-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

*{
	font-family: 'FS Lola', 'eirik', sans-serif !important;
}

h6{
	margin: 0;
}
.hide,
.hidden{
	display: none!important;
}
.border-box{
	box-sizing: border-box;
}
.relative{
	position: relative;
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.width100{
	width: 100%;
}
.absolute{
	position: absolute;
}
.left{
	float: left;
}
.right{
	float: right;
}
.width30{
	width: 30%;
}
.width33{
	width: 33.333%;
}
.width70{
	width: 70%;
}
.width50{
	width: 50%;
}
.width60{
	width: 60%;
}
.width100{
	width: 100%!important;
}
.width40{
	width: 40%;
}
.paddL40{
	padding-left: 40px;
}
.paddR40{
	padding-right: 40px;
}
.paddB20{
	padding-bottom: 20px;
}
.padd30v{
	padding-top: 30px;
	padding-bottom: 30px;
}
.padd40v{
	padding-top: 40px;
	padding-bottom: 40px;
}
.padd60v{
	padding-top: 60px;
	padding-bottom: 60px;
}
.padd35v{
	padding-top: 35px;
	padding-bottom: 35px;
}
.padd20v{
	padding-top: 20px;
	padding-bottom: 20px;
}
.paddB30{
	padding-bottom: 30px;
}
.paddT85{
	padding-top: 85px;
}
.wrapper1100{
	width: 1100px;
	max-width: 100%;
	margin: 0 auto;
}
.padd60v{
	padding-top: 60px;
	padding-bottom: 60px;
}
.padd120h{
	padding-left: 120px;
	padding-right: 120px;
}
.col-2{
	column-count: 2;
}
.sustainability-sprite{
    background: url(../../../images/svg-fallback/sustainability-sprites.png) 0 0 no-repeat;
    background: linear-gradient(transparent, transparent), url(../../../images/sustainability-sprites.svg) 0 0 no-repeat;
    display: inline-block;
	width: 32px;
	height: 32px;
	background-size: auto 64px;
    vertical-align: middle;
}
/* GENERAL - END*/

.title-center{
	display: flex;
	justify-content: center;
}
#case-studies{
	background: url('../../../images/case-studies-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
#case-studies .card img{
	border-radius: 10px;
}
#case-studies .card em{
	width: 24px;
	height: 24px;
}
#case-studies .card .sustainability-sprite{
	background-size: auto 48px;
}
#case-studies .card.lightblue.our-people em{
	background-position: -48px 0;
}
#case-studies .card.lightblue.responsible-sourcing em{
	background-position: 0px 0;
}
#case-studies .card.lightblue.sustainable-agriculture em{
	background-position: -24px -24px;
}
#case-studies .card.lightblue.consuming-resources em{
	background-position: 0px -24px;
}
#case-studies .banner.three .card .label h3{
	color: rgb(101,179,46);
}
#case-studies .banner.three .card.our-people .label h3{
	color: #ffc900;
}
#case-studies .banner.three .card.responsible-sourcing .label h3{
	color: #23aeb7;
}
#case-studies .banner.three .card.sustainable-agriculture .label h3{
	color: #3d731f;
}
#case-studies .banner.three .card.consuming-resources .label h3{
	color: #b4cc04;
}
#case-studies .banner.two .card .label{
	border-radius: 10px;
}
#case-studies .banner.two .card .label h3{
	font-size: 18px;
	line-height: 20px;
}
#climate-change.col-2{
	column-gap: 100px;
}
#climate-change.consuming-resources.col-2{
	column-gap: 50px;
}
#climate-change.sustainable-agriculture .col-2{
	column-gap: 60px;
}
#climate-change.sustainable-agriculture .col-2 p strong{
	color: #65b32e;
}
#climate-change .wrapper1100{
	font-size: 15px;
	line-height: 20px;
}

#climate-change h5{
	color: #65b32e;
	font-weight: 600;
	font-size: 24px;
	line-height: 27px;
	padding-bottom: 15px;
}
#climate-change.our-people h5{
	padding-bottom: 0;
	color: #ffc900;
}
.our-people h3,
.our-people h4{
	color: #ffc900;
}
.consuming-resources h3,
.consuming-resources h4{
	color: #b4cc04;
}
.col-3{
	column-count: 3;
}
.overlay{
	display: block;
	z-index: 1;
}
.sustainability-child-hero img{
	width: auto!important;
	overflow: hidden;
	max-height: 260px;
}

/*HERO - START*/
.sustainability-child-icon{
	width: 128px;
	height: 128px;
	border-radius: 500px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) translateY(50%);
	z-index: 3;
	background-size: auto 256px;
}
	/*HERO - COLOURS - START*/
		.sustainability-child-icon.green{
			background-position: -640px -128px;
		}
		.sustainability-child-icon.lime{
			background-position: -768px -128px;
		}
		.sustainability-child-icon.teal{
			background-position: -768px 0px;
		}
		.sustainability-child-icon.yellow{
			background-position: -640px 0px;
		}
		.sustainability-child-icon.blue{
			background-position: -896px 0;
		}
		.overlay.green{
			background: rgba(61, 115, 31, 0.8);
		}
		.overlay.lime{
			background: rgba(180, 204, 4, 0.8);
		}
		.overlay.teal{
			background: rgba(35, 174, 183, 0.8);
		}
		.overlay.yellow{
			background: rgb(255, 201, 0, 0.8);
		}
		.overlay.blue{
			background: rgba(44, 100, 173, 0.8);
		}
	/*HERO - COLOURS - END*/
#title{
	background-position: 50% 0;
	margin-bottom: 0;
}
#title div.overlay-gradient{
	border-radius: 0px;
    height: 100%;
    width: 100%;
    bottom: auto;
    top: 0;
    left: 0;
    padding: 0;
    margin-left: 0;
    z-index: 2;
    background: linear-gradient(to right, #f1de00, #b4cc04, #65b32e);
    opacity: 0.6;
}
#title h1,
.page-title h1{
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	z-index: 2;
}
.sustainability-child-hero,
.sustainability-hero{
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#title p,
.page-title p{
	font-size: 20px;
	line-height: 23px;
	color: #fff;
	z-index: 2;
}
#title div.page-title,
.page-title{
	background: none;
    top: 50%;
    left: 50%;
    height: auto;
    width: 100%;
    bottom: auto;
    margin-left: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
}
/*HERO - END*/

#sustainability-approach,
#our-progress{
	background-image: url('../../../images/approach-sustainability-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.overlay-box.yellow{
	background: rgba(251, 247, 191, 0.92);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
#sustainability-approach .wrapper1100,
#our-progress .wrapper1100{
	z-index: 2;
	position: relative;
}
#our-progress .wrapper1100{
	padding-top: 45px;
	padding-bottom: 45px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#sustainable-future .content{
	padding-bottom: 50px;
	padding-top: 50px;
}
#sustainable-future{
	background: linear-gradient(to right, #fff 50%, #b7db9d);
}
.images.triple{
	margin: 0 0 0 auto;
	width: 55%;
	max-width: 585px;
	padding-left: 40px;
	box-sizing: border-box;
}
.images.triple img{
	border-radius: 10px;
	overflow: auto;
	box-shadow: 0px 2px 4px 1px #000;
}
.triple-1{
	overflow: visible;
	width: 225px;
	height: 165px;
	padding-left: 30px;
}
.triple-2{
	width: 150px;
	height: 220px;
	padding-right: 110px;
}
.triple-3{
	width: 185px;
	height: 120px;
	padding-top: 15px;
	padding-left: 80px;
}
#our-progress.msos-sustainability .triple-3{
	padding-top: 30px;
}
.msos-sustainability .wrapper1100 ul{
	margin: 0px;
}
.journey-inner.col-3{
	column-gap: 40px;
}
.journey-inner.col-3 img{
	margin-top: 55px;
}
.info{
	position: static;
    background: none;
    width: 45%;
    height: auto;
    padding: 0;
    padding-right: 10px;
}
.info h2,
#sustainability-approach h4,
h4.title-text,
#climate-change .info.left h4{
	text-align: left;
	background: -webkit-linear-gradient(left, #48731f, #a9c90a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 900;
	padding-bottom: 20px;
	display: inline-block;
}
h4{
	font-size: 32px;
	line-height: 40px;
}
.info h2{
	font-size: 50px;
	line-height: 60px;
	padding-bottom: 0;
}
.info h3{
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	padding-bottom: 15px;
}
p,li{
	font-size: 18px;
	line-height: 23px;
	padding-top: 0;
	padding-bottom: 15px;
}
.info hr{
	border: none;
    width: 110px;
    height: 3px;
    background: linear-gradient(to right, #3d731f, #b3cc04);
    margin: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}
.video{
	margin-top: 30px;
}
#sustainability-approach .width45{
	max-width: 500px;
}
.sustainability-link{
	position: absolute;
	width: 96px;
	height: 96px;
	border-radius: 500px;
	outline: 3px solid transparent;
	outline-offset: -4px;
	background-size: auto 192px;
}
.sustainability-link p{
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	padding-top: 28px;
	opacity: 0;
	transition: opacity 0.3s;
}
.sustainability-link:hover{
	background-image: none!important;
	background: #fff!important;
}
.sustainability-link:hover p{
	opacity: 1;
}
#sustainable-agriculture.sustainability-link{
	left: 120px;
    top: -30px;
    background-position: -480px -96px;
	color: #3d731f;
}
#sustainable-agriculture.sustainability-link:hover{
	border: 2px solid #3d731f;
}
#consuming-resources.sustainability-link{
    top: 155px;
	left: -30px;
	background-position: -576px -96px;
    color: #b4cc04;
}
#consuming-resources.sustainability-link:hover{
	border: 2px solid #b4cc04;
}
#responsible-sourcing.sustainability-link{
    top: 115px;
    right: -25px;
    background-position: -576px 0px;
    color: #23adb6;
}
#responsible-sourcing.sustainability-link:hover{
	border: 2px solid #23adb6;
}
#people-communities.sustainability-link{
    top: 345px;
    right: 50px;
    background-position: -480px 0;
    color: #ffc900;
}
#people-communities.sustainability-link:hover{
	border: 2px solid #ffc900;
}
.heading-image.accreditations-image img{
	border-radius: 0;
	box-shadow: 0px 0px 0px 0px;
}
.heading-image img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0px 4px 8px 1px;
}
.heading-image{
	max-width: 622px;
}
.heading{
	padding-top: 50px;
}
#journey{
	background: linear-gradient(to bottom, #cbd9ec 33%, transparent 66%);
}
strong{
	font-weight: 600;
}
.diagram{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.diagram-inner{
	display: inline-block;
	text-align: center;
}
#slide-1{
	display: block;
}
.slideshow-slide{
	display: none;
}
.slideshow-line{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-bottom: 60px;
}
.slideshow-line-inner{
	display: inline-block;
}
.slideshow-line-inner h4{
	display: inline-block;
	max-width: 250px;
	text-align: center;
	font-size: 30px;
	line-height: 38px;
}
.diagram-inner img{
	height: 100px;
	width: auto;
	display: block;
	margin-bottom: 15px;
	margin: 0 auto 15px auto;
}
.diagram-inner h3,
.diagram-inner h4,
.counter .ball em
{
	font-weight: 600;
}
.counter .ball em,
.counter .ball em.single{
	line-height: 40px;
	font-size: 40px;
}
.diagram-inner h4{
	font-size: 26px;
	line-height: 30px;
	padding: 0;
}
.diagram-inner p{
	font-size: 13px;
	line-height: 21px;
	padding-bottom: 0;
}
#key-focus-slideshow.responsible-sourcing,
#key-focus-slideshow.sustainable-agriculture{
	background: linear-gradient(to top, rgba(35, 174, 183, 0.15) 10%, transparent 33%)
}
#key-focus-slideshow.consuming-resources{
	background: linear-gradient(to top, rgba(180, 204, 4, 0.15) 10%, transparent 33%);
}
#key-focus-slideshow.our-people{
	background: linear-gradient(to top, rgba(255, 201, 0, 0.15) 10%, transparent 33%);
}
/*#key-focus-slideshow.sustainable-agriculture{
	background: linear-gradient(to top, rgba(180, 204, 4, 0.15) 10%, transparent 33%);
}*/
#key-focus-slideshow.sustainable-agriculture .timeline .timeline-section,
#key-focus-slideshow.responsible-sourcing .timeline .timeline-section{
	width: 33%;
}
.line-dot{
	width: 25px;
    height: 25px;
    margin: 0 auto;
    border-radius: 500px;
    margin-top: 10px;
}
.our-people .line-dot{
	background: #ffc900;
}
.consuming-resources .line-dot{
	background: #b4cc04;
}
.slideshow-video{
	padding-left: 30px;
	box-sizing: border-box;
}
.slideshow-video .video{
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #000;
	padding-top: 56.25%;
}
.slideshow-video iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.slideshow-image img{
	border-radius: 15px;
}
.slideshow-image img{
	max-width: 450px;
}
.slideshow-copy h4{
	font-weight: 600;
	padding-bottom: 25px;
}
.slideshow-slides .arrow-left,
.slideshow-slides .arrow-right{
	height: 48px;
	width: 48px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	background-size: auto 96px;
}
.slideshow-slides{
	position: relative;
}
.slideshow-slides .arrow-left{
	left: -96px;
	transform: translateY(-50%) scaleX(-1);
}
.slideshow-slides .arrow-right{
	right: -96px;
	transform: translateY(-50%);
}
.sustainability-related-container{
	display: flex;
	justify-content: space-between;
}
.sustainability-related-return a{
	display: inline-flex;
	gap: 20px;
	padding-top: 30px;
}
.sustainability-related-return .arrow img{
	width: 32px;
	height: auto;
}
.sustainability-related-return h5{
	line-height: 32px;
	font-size: 18px;
    background: -webkit-linear-gradient(right, #48731f, #a9c90a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    display: inline-block;
}
.sustainability-text{
	text-align: center;
	font-weight: 600;
}
.sustainability-related-inner{
	width: 20%;
}
.sustainability-related-inner{
	border-radius: 15px;
	box-shadow: 0px 3px 5px 1px #000;
	position: relative;
	background: #fff;
	transition: 0.3s;
}
.sustainability-related-inner:hover{
	color: #fff!important;
	outline: 2pxd solid #fff!important;
}
.sustainability-related-inner.blue{
	outline: 2px solid #2d67b2;
	color: #2d67b2;
}
.sustainability-related-inner.blue:hover{
	background: #2d67b2;
}
.sustainability-related-inner.yellow{
	outline: 2px solid #ffc900;
	color: #ffc900;
}
.sustainability-related-inner.yellow:hover{
	background: #ffc900;
}
.sustainability-related-inner.lime{
	outline: 2px solid #b4cc04;
	color: #b4cc04;
}
.sustainability-related-inner.lime:hover{
	background: #b4cc04;
}
.sustainability-related-inner.teal{
	outline: 2px solid #23aeb7;
	color: #23aeb7;
}
.sustainability-related-inner.teal:hover{
	background: #23aeb7;
}
.sustainability-related-inner.green{
	outline: 2px solid #3d731f;
	color: #3d731f;
}
.sustainability-related-inner.green:hover{
	background: #3d731f;
}
.sustainability-text p{
	padding-bottom: 0;
}
.sustainability-text{
	padding: 50px 0 15px 0;
}
#areas-of-focus h4.title-text{
	padding-bottom: 60px;
}
.sustainability-icon{
	position: absolute;
	width: 64px;
	height: 64px;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	border-radius: 500px;
	background-size: auto 128px;
}
.sustainability-related-inner .button-icon{
	width: 24px;
	height: 24px;
	margin: 0 auto;
	border-radius: 500px;
	display: block;
	background-size: auto 48px;
	margin-bottom: 15px;
}
.button-icon.teal{
	background-position: 0 0;
}
.button-icon.yellow{
	background-position: -48px 0px;
}
.button-icon.blue{
	background-position: -24px 0px;
}
.button-icon.green{
	background-position: -24px -24px;
}
.button-icon.lime{
	background-position: 0 -24px;
}
.sustainability-icon.sustainability-sprite.blue{
	background-position: -448px 0;
}
.sustainability-icon.sustainability-sprite.yellow{
	background-position: -320px 0px;
}
.sustainability-icon.sustainability-sprite.teal{
	background-position: -384px 0px;
}
.sustainability-icon.sustainability-sprite.lime{
	background-position: -384px -64px;
}
.sustainability-icon.sustainability-sprite.green{
	background-position: -320px -64px;
}
.sustainability-link-button{
	opacity: 0;
    width: 16px;
    height: 16px;
    background-size: auto 32px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}
.sustainability-link:hover .sustainability-link-button{
	opacity: 1;
}
#people-communities .sustainability-link-button{
	background-position: -32px 0;
}
#consuming-resources .sustainability-link-button{
	background-position: 0px -16px;
}
#responsible-sourcing .sustainability-link-button{
	background-position: 0px 0;
}
#sustainable-agriculture .sustainability-link-button{
	background-position: -16px -16px;
}
#key-focus-slideshow .timeline{
	width: 100%;
	max-width: 100%;
}
#key-focus-slideshow .timeline .timeline-section{
	width: 25%;
	display: flex;
	align-items: end;
	justify-content: center;
}
#key-focus-slideshow .timeline-section h4{
	padding: 0;
	text-align: center;
	font-weight: 600;
}
#key-focus-slideshow.consuming-resources .timeline-section.on h4{
	color: #b4cc04;
}
#key-focus-slideshow .timeline-line{
	top: 91px;
}
#key-focus-slideshow .timeline-section{
	min-height: 65px;
}
#key-focus-slideshow em.sustainability-sprite{
	position: absolute;
	bottom: -38px;
	left: 50%;
	transform: translateX(-50%);
}
.factory-slides .factory-slide{
	width: 25%;
}
.factory-slides-container{
	width: 400%;
}
.slideshow-copy{
	text-align: left;
}
#our-progress .text-block.counter{
	width: auto;
	padding: 0;
	float: none;
}
#our-progress .ball{
	width: auto;
	height: auto;
	border: none;
	padding: 0;
	border-radius: 0;
}
#our-progress.msos-sustainability .col-2{
	column-gap: 30px;
}
#our-progress.msos-sustainability .col-2 h5{
    color: rgb(44, 100, 173);
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 30px;
    margin-top: 30px;
}
.text-block{
	display: block;
}
.timeline .timeline-section.left em{
	margin: 2px 0 0 0;
}
.timeline .timeline-section.on em{
	border: 2px solid transparent;
}
#key-focus-slideshow .timeline .timeline-section.on em{
	background-size: auto 48px;
	width: 24px;
	height: 24px;
	border: none;
	background-color: #fff;
}
#key-focus-slideshow.consuming-resources .timeline .timeline-section em{
	background-color: #b4cc04;
}
#case-studies.consuming-resources .banner.two .card .label h3{
	color: #b4cc04;
}
#case-studies .banner.two .card .label h3{
	font-size: 13px;
	line-height: 15px;
}
.banner.two .card .label{
	height: 85px;
}
#case-studies.consuming-resources .card.lightblue em{
	background-position: 0 -24px;
}
#key-focus-slideshow em.sustainability-sprite.arrow-l,
#key-focus-slideshow em.sustainability-sprite.arrow-r{
    bottom: auto;
    top: 50%;
    width: 32px;
    height: 48px;
    background-size: auto 96px;
    cursor: pointer;
}
#key-focus-slideshow em.sustainability-sprite.arrow-l{
    left: -48px;
}
#key-focus-slideshow em.sustainability-sprite.arrow-r{
	transform: scaleX(-1) translateX(50%);
	right: -48px;
	left: auto;
}
#key-focus-slideshow .factory-content .factory-slides-wrapper{
	width: auto;
	max-width: 1100px;
}
#key-focus-slideshow .factory-slide .card-block{
	max-width: 1100px;
	padding-bottom: 0;
}
.card-block{
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 20px 0;
}
/*SLIDESHOW - PAGE SPECIFIC COLOURING - START*/
	#key-focus-slideshow.consuming-resources .timeline .timeline-section.on em,
	#key-focus-slideshow.sustainable-agriculture .timeline .timeline-section.on em{
		background-position: -168px -24px;
		background-color: #fff;
	}
	#key-focus-slideshow.consuming-resources .timeline .timeline-line,
	#key-focus-slideshow.sustainable-agriculture .timeline .timeline-line{
		border-top: 2px solid #3d731f;
	}
	#key-focus-slideshow.consuming-resources em.sustainability-sprite.arrow-l,
	#key-focus-slideshow.consuming-resources em.sustainability-sprite.arrow-r,
	#key-focus-slideshow.sustainable-agriculture em.sustainability-sprite.arrow-l,
	#key-focus-slideshow.sustainable-agriculture em.sustainability-sprite.arrow-r{
		background-position: -537px -48px;
	}
	#key-focus-slideshow.consuming-resources .timeline .timeline-section.on h4,
	#key-focus-slideshow.sustainable-agriculture .timeline .timeline-section.on h4,
	#key-focus-slideshow.consuming-resources .timeline .timeline-section h4{
		color: #3d731f;
	}

	#key-focus-slideshow.consuming-resources .timeline .timeline-section.on em{
		background-position: -216px -24px;
	}
	#key-focus-slideshow.consuming-resources .timeline .timeline-line{
		border-top: 2px solid #b4cc04;
	}
	#key-focus-slideshow.consuming-resources em.sustainability-sprite.arrow-l,
	#key-focus-slideshow.consuming-resources em.sustainability-sprite.arrow-r{
		background-position: -537px 0px;
	}
	#key-focus-slideshow.consuming-resources .timeline .timeline-section.on h4,
	#key-focus-slideshow.consuming-resources .timeline .timeline-section h4{
		color: #b4cc04;
	}
	#key-focus-slideshow.consuming-resources .slideshow-copy h4.title-text{
		color: #b4cc04;
		background: #b4cc04;
		-webkit-background-clip: text;
	}

	#key-focus-slideshow.our-people .timeline .timeline-section.on em{
		background-position: -192px 0px;
	}
	#key-focus-slideshow.our-people .timeline .timeline-line{
		border-top: 2px solid #ffc900;
	}
	#key-focus-slideshow.our-people em.sustainability-sprite.arrow-l,
	#key-focus-slideshow.our-people em.sustainability-sprite.arrow-r{
		background-position: -489px 0px;
	}
	#key-focus-slideshow.our-people .timeline .timeline-section.on h4,
	#key-focus-slideshow.our-people .timeline .timeline-section h4,
	#key-focus-slideshow.our-people .factory-slides .slideshow-copy h4.title-text{
		color: #ffc900;
	}
	#key-focus-slideshow.our-people .factory-slides .slideshow-copy h4.title-text{
		background: -webkit-linear-gradient(left, #ffc900, #ffc900);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	#key-focus-slideshow.responsible-sourcing .timeline .timeline-section.on em{
		background-position: -192px -24px;
	}
	#key-focus-slideshow.responsible-sourcing .timeline .timeline-line{
		border-top: 2px solid #23aeb7;
	}
	#key-focus-slideshow.responsible-sourcing em.sustainability-sprite.arrow-l,
	#key-focus-slideshow.responsible-sourcing em.sustainability-sprite.arrow-r{
		background-position: -489px -48px;
	}
	#key-focus-slideshow.responsible-sourcing .timeline .timeline-section.on h4,
	#key-focus-slideshow.responsible-sourcing .timeline .timeline-section h4{
		color: #23aeb7;
	}
	.timeline-section h4{
		font-size: 24px;
		line-height: 32px;
	}
	#key-focus-slideshow.sustainable-agriculture .timeline-section h4
	{
		color: #3d731f;
	}
	#key-focus-slideshow.sustainable-agriculture .slideshow-copy h4.title-text{
		color: #3d731f;
		background: #3d731f;
		-webkit-background-clip: text;
	}
	#key-focus-slideshow.responsible-sourcing .slideshow-copy h4.title-text{
		color: #23aeb7;
		background: #23aeb7;
		-webkit-background-clip: text;
	}
	#key-focus-slideshow.sustainable-agriculture{
		background: linear-gradient(to top, rgba(61, 115, 31, 0.15) 10%, transparent 33%);
	}
	.climate-change.breaker{
		height: 5px;
		background: #23aeb7;
	}
	#our-people.breaker{
		height: 5px;
		background: #ffc900;
	}
	.graphic{
		width: 350px;
		right: 0;
		opacity: 0.1;
		top: -35px;
	}
/*SLIDESHOW - PAGE SPECIFIC COLOURING - END*/
#journey strong{
	color: rgb(101,179,46);
}
#journey h5{
	font-size: 20px;
	line-height: 24px;
	color: rgb(101,179,46);
	font-weight: 600;
	padding-bottom: 15px;
}
.msos{
	min-height: 80px;
	position: relative;
	background-color: #2d67b2;
	transition: 0.3s;
}
.msos a{
	padding: 20px;
}
.msos h4{
	color: #fff;
	font-size: 24px;
	line-height: 32px;
	padding-left: 185px;
}
.msos:hover h4{
	color: #2d67b2;
}
.msos-logo{
	display: inline-block;
	position: absolute;
	width: 128px;
	height: 128px;
	top: -40px;
	z-index: 1;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.msos-logo img{
	width: 100%;
}
.msos:hover{
	background: #fff;
}
.msos p{
	padding-bottom: 0;
	color: #fff;
	line-height: 25px;
	padding-left: 185px;
	padding-right: 50px;
	padding-top: 15px;
}
.msos:hover p{
	color: #2d66b1;
}
.sustainability-sprite.msos-logo{
    position: absolute;
    top: 50%;
    left: -2px;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    background-size: auto 128px;
    background-position: -448px 0;
    box-shadow: 0px 2px 4px 1px;
    border-radius: 32px;
    outline: 4px solid #fff;
    outline-offset: -4px;
}
.graphic-thumb{
	cursor: pointer;
}
.graphic.active{
	z-index: auto;
}
.graphic.close{
	position: absolute;
	width: 48px;
	height: 48px;
	top: -60px;
	right: 0;
	cursor: pointer;
	display: inline-block;
	background-size: auto 96px;
    vertical-align: middle;
    background-position: -626px -0px;
}
.graphic-popup-wrapper{
	display: none;
	z-index: 11;
	position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    max-width: 1366px;
}
.graphic-popup-inner-wrapper{
    position: relative;
	width: 100%;
	left: 50%;
	top: 50%;
    outline: 2000px solid rgba(0, 0, 0, 0.75);
	transform: translateY(-50%) translateX(-50%);
	max-width: calc(100% - 50px);
}
.graphic-popup-inner-wrapper .inner iframe{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.graphic-popup-inner-wrapper .inner img{
	border-radius: 0px;
	display: block;
}
#related-links-sustainability .related{
	width: 322px;
    height: 222px;
    height: auto;
    font-size: 16px;
    vertical-align: top;
    line-height: 21px;
    text-align: left;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    margin: 0 30px;
}
#related-links-sustainability .related:first-of-type{
	margin-left: 0;
}
#related-links-sustainability .related:last-of-type{
	margin-right: 0;
}
#related-links-sustainability .related img{
	width: 100%;
	height: auto;
}
#related-links-sustainability .related p{
	padding-bottom: 0;
	color: #fff;
	text-align: center;
}
#related-links-sustainability .related .intro{
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.msos-sustainability h3,
.msos-sustainability h4,
.msos-sustainability h5,
.msos-sustainability a,
.msos-sustainability strong{
	color: rgb(44, 100, 173)!important;
}
#our-progress.msos-sustainability .wrapper1100{
	display: block;
	color: rgb(44, 100, 173);
}
#our-progress.msos-sustainability h4{
	padding-bottom: 20px;
}
#our-progress.msos-sustainability .overlay-box.blue{
    background: rgba(255, 255, 255, 0.92);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
#case-studies .overlay-box-case.blue{
	background: #ecf8f9;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.75;
}
#case-studies .padd20v{
	position: relative;
	z-index: 2;
}
#case-studies .title-center h4.title-text{
	padding-bottom: 0;
}
.sustainability-sprite.bs-swirl-device{
	width: 35%;
    height: 576px;
    max-width: 576px;
    background-size: auto 1152px;
    top: -125px;
    right: -100px;
    background-position: -6912px -576px;
}
#sustainability-future{
	z-index: 1;
}
#title{
	z-index: 2;
}
/*#key-focus-slideshow.consuming-resources,
#key-focus-slideshow.sustainable-agriculture,
#key-focus-slideshow.responsible-sourcing,
#key-focus-slideshow.our-people{
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.85) 100%, transparent), url(../../../images/approach-sustainability-bg.jpg);
}*/
/*#climate-change.sustainable-agriculture{
	background: linear-gradient(to bottom right, transparent 20%, #3d731f59 50%);
}
#climate-change.responsible-sourcing{
	background: linear-gradient(to bottom right, transparent 20%, #23aeb740 50%);
}
#climate-change.msos-sustainability{
	background: linear-gradient(to bottom right, transparent 20%, #2d66b152 50%);
}*/
#climate-change.responsible-sourcing.relative,
#climate-change.our-people.relative{
	z-index: 2;
	background: #fff;
}
#sustainable-future .content .triple .triple-2,
.triple-2{
	overflow: visible!important;
}
.images.triple{
	position: relative;
	z-index: 2;
}
#sustainability-approach strong{
	color: #65b32e;
}
#sustainability-approach h5{
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 20px;
}
#sustainability-approach .width55.right a#consuming-resources p{
	padding-top: 23px;
}
#sustainability-approach .width55.right a#sustainable-agriculture p{
	padding-top: 30px;
}
#sustainability-approach .width55.right a#responsible-sourcing p{
	padding-top: 30px;
}
#sustainability-approach .width55.right a#people-communities p{
	padding-top: 23px;
}
.sustainability-link{
	box-sizing: border-box;
}
#related-links-sustainability img{
	border-radius: 10px;
	box-shadow: 0px 2px 4px 1px;
}
#related-links-sustainability a .overlay-effect{
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #65b32e 15%, transparent 50%), linear-gradient(to top, #f1de00 15%, transparent 50%);
    border-radius: 10px;
    opacity: 0.75;
}
.related .intro::after {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    background: #f1de00;
    left: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}
#related-links-sustainability{
	background: linear-gradient(to bottom right, #f6f2c7, #e0f0d5);
}
#related-links-sustainability h4.title-text{
	padding-bottom: 40px;
}
.sustainable-agriculture .timeline .timeline-section em{
	background-color: #3d731f;
}
.consuming-resources .timeline .timeline-section em{
	background-color: #b4cc04;
}
.responsible-sourcing .timeline .timeline-section em{
	background-color: #23aeb7;
}
.our-people .timeline .timeline-section em{
	background-color: #ffc900;
}
#climate-change.msos-sustainability .col-2{
	column-gap: 50px;
}
#post-container h4.title-text{
	width: auto;
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 40px;
}
#post-container h5{
	width: auto;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 24px;
}
#post-container h5.green,
#post-container .post-short h3.sustainable-agriculture{
	color: #3d731f;
}
#post-container h5.lime,
#post-container .post-short h3.consuming-resources{
	color: #b4cc04;
}
#post-container h5.yellow,
#post-container .post-short h3.our-people{
	color: #ffc900;
}
#post-container h5.blue,
#post-container .post-short h3.msos{
	color: #2d66b1;
}
#post-container h5.teal,
#post-container .post-short h3.responsible-sourcing{
	color: #23aeb7;
}
#post-container hr{
	width: 120px;
	margin: 0 auto 0 0;
	height: 2px;
	border: none;
}
#post{
	width: 70%;
	padding: 0 100px 0 0;
}
#post-container .sidebar{
	width: 30%;
	padding: 0 00px 0 30px;
}
#post-container hr.green{
	background: #3d731f;
}
#post-container hr.lime{
	background: #b4cc04;
}
#post-container hr.yellow{
	background: #ffc900;
}
#post-container hr.teal{
	background: #23aeb7;
}
#post-container hr.blue{
	background: #2d66b1;
}
#post-container h2.cs,
#post-container h2{
	font-weight: 600;
	padding-bottom: 30px;
}
#post-container.case-study-green h2.cs,
#post-container.case-study-green h2{
	color: #3d731f;
}
#post-container.case-study-lime h2.cs,
#post-container.case-study-lime h2{
	color: #b4cc04;
}
#post-container.case-study-blue h2.cs,
#post-container.case-study-blue h2{
	color: #2d66b1;
}
#post-container.case-study-yellow h2.cs,
#post-container.case-study-yellow h2{
	color: #ffc900;
}
#post-container.case-study-teal h2.cs,
#post-container.case-study-teal h2{
	color: #23aeb7;
}
#post img{
	border-radius: 10px;
	box-shadow: 0px 2px 4px 1px;
	outline: none;
	margin-bottom: 40px;
}
#post.green{
	border-right: 3px solid #3d731f;
}
#post.lime{
	border-right: 3px solid #b4cc04;
}
#post.yellow{
	border-right: 3px solid #ffc900;
}
#post.teal{
	border-right: 3px solid #23aeb7;
}
#post.blue{
	border-right: 3px solid #2d66b1;
}
.case-study-icon.sustainability-child-icon{
	position: static;
	transform: none;
}
.case-study-icon.sustainability-child-icon{
	width: 96px;
	height: 96px;
	background-size: auto 192px;
	box-shadow: 0 0px 0px 0px;
	margin: 30px 10px 0 10px;
}
.case-study-icon.sustainability-child-icon:first-of-type{
	margin: 30px 10px 0 0;
}
.case-study-icon.sustainability-child-icon:last-of-type{
	margin: 30px 0 0 10px;
}
.case-study-icon.sustainability-child-icon.lime{
	background-position: -576px -96px;
}
.case-study-icon.sustainability-child-icon.green{
	background-position: -480px -96px;
}
.case-study-icon.sustainability-child-icon.yellow{
	background-position: -480px 0px;
}
.case-study-icon.sustainability-child-icon.blue{
	background-position: -576px 0;
}
.case-study-icon.sustainability-child-icon.teal{
	background-position: -576px 0px;
}
.case-side hr{
	margin-bottom: 40px;
}
.case-side div h2{
	padding-bottom: 10px;
}
.sidebar .post-short:last-of-type{
	padding-bottom: 75px;
}
.share strong{
	color: #000;
}
.green .share .sprite{
	width: 26px;
	height: 26px;
}
.green .share .sprite.twitter{
	background-position: -10px 3px;
}
.green .share .sprite.linkedin{
	background-position: -35px 3px;
}



@media screen and (min-width: 1900px){
	.sustainability-child-hero img{
		width: 100%!important;
		overflow: hidden;
		height: auto;
	}
}
@media screen and (max-width: 1366px){
	.sustainability-sprite.bs-swirl-device{
		right: -10px;
	}
}
@media screen and (max-width: 1350px){
	.case-study-icon.sustainability-child-icon {
		width: 48px;
		height: 48px;
		background-size: auto 96px;
	}
	.case-study-icon.sustainability-child-icon.green{
		background-position: -240px -48px;
	}
	.case-study-icon.sustainability-child-icon.lime{
		background-position: -240px -48px;
	}
	.case-study-icon.sustainability-child-icon.blue{
		background-position: -336px 0;
	}
	.case-study-icon.sustainability-child-icon.teal{
		background-position: -288px 0;
	}
	.case-study-icon.sustainability-child-icon.yellow{
		background-position: -240px 0px;
	}
}
@media screen and (max-width: 1250px){
	#key-focus-slideshow .factory-content .factory-slides-wrapper{
		padding-left: 60px;
		padding-right: 60px;
	}
	#key-focus-slideshow em.sustainability-sprite.arrow-l{
		left: 0px;
	}
	#key-focus-slideshow em.sustainability-sprite.arrow-r{
		right: 0px;
	}
}
@media screen and (max-width: 1200px){
	#key-focus-slideshow .timeline-section h4{
		font-size: 27px;
		line-height: 35px;
	}
	.msos{
		padding: 0 30px;
		box-sizing: border-box;
	}
	#case-studies .banner.three{
		padding: 0;
	}
}
@media screen and (max-width: 1150px){
	.wrapper1100{
		padding-left: 25px;
		padding-right: 25px;
		box-sizing: border-box;
	}
	.heading-copy.left{
		width: 50%;
	}
	.heading-image.right{
		width: 45%;
	}
	#related-links-sustainability .related{
		margin: 0 10px;
		width: 300px;
	}
}
@media screen and (max-width: 1100px){
	.images.triple{
		padding-left: 0;
	}
	.triple-3{
		padding-top: 35px;
	}
}
@media screen and (max-width: 1023px){
	.msos .msos-logo{
		display: none;
	}
	.msos p,
	.msos h4{
		padding-left: 0;
		padding-right: 0;
	}
	.sustainability-child-hero{
		min-height: 140px;
	}
	#our-progress.msos-sustainability .images{
		padding-bottom: 35px;
	}
	#key-focus-slideshow .timeline-section h4{
		font-size: 22px;
		line-height: 30px;
	}
	.card-block{
		padding: 55px 0;
	}
	.info,
	.images{
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.images{
		margin: 0 auto;
		padding-top: 30px;
	}
	.images-right-txt-left{
		display: flex;
		flex-direction: column-reverse;
	}
	#sustainability-approach .wrapper1100 .width45.left,
	#sustainability-approach .wrapper1100 .width55.right{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#sustainability-approach .wrapper1100 .width55.right{
		width: 443px;
		margin-top: 70px;
	}
	#sustainability-approach .width45{
		max-width: none;
	}
	.col-3{
		column-count: 2;
		column-gap: 50px;
	}
	#climate-change.col-2{
		column-gap: 25px;
	}
	#climate-change.wrapper1100.paddB30,
	#climate-change.responsible-sourcing.paddB30,
	#climate-change.sustainable-agriculture.paddB30,
	#climate-change.msos-sustainability.paddB30{
		padding-bottom: 10px;
	}
	#climate-change.wrapper1100.paddT85,
	#climate-change.responsible-sourcing.paddT85,
	#climate-change.sustainable-agriculture.paddT85,
	#climate-change.msos-sustainability.paddT85{
		padding-top: 50px;
	}
	.heading-copy,
	.heading-image{
		width: 100%!important;
		float: none;
		margin: 0 auto;
	}
	#our-progress .wrapper1100{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#journey br{
		display: none;
	}
	.heading{
		padding-top: 25px;
	}
	#related-links-sustainability .related{
		width: 250px;
		margin: 0 5px;
	}
	#our-progress .wrapper1100{
		flex-direction: column;
		gap: 40px;
	}
	#our-progress .wrapper1100 .diagram-intro-copy,
	#our-progress .wrapper1100 .diagram{
		width: 100%;
		float: none;
	}
	#our-progress .wrapper1100 .diagram.width60{
		width: 600px;
	}
	.slideshow-image{
		padding-left: 30px;
		box-sizing: border-box;
	}
	#key-focus-slideshow em.sustainability-sprite.arrow-l,
	#key-focus-slideshow em.sustainability-sprite.arrow-r{
		top: 0;
		z-index: 2;
	}
	#key-focus-slideshow .factory-content .factory-slides-wrapper{
		padding-left: 0;
		padding-right: 0;
	}
	.sustainability-related-inner{
		width: 23%;
	}
	#title div.page-title,
	.page-title{
		width: 100%;
	}
	#title h1,
	.page-title h1{
		font-size: 40px;
		line-height: 45px;
	}
	.page-title h1 br{
		display: none;
	}
	.sustainability-child-hero img{
		width: 100%!important;
		min-height: 0px!important;
		height: auto;
	}
	.sustainability-child-icon{
		width: 64px;
		height: 64px;
		background-size: auto 128px;
	}
	.sustainability-child-icon.green{
		background-position: -320px -64px;
	}
	.sustainability-child-icon.yellow{
		background-position: -320px 0;
	}
	.sustainability-child-icon.teal{
		background-position: -384px 0;
	}
	.sustainability-child-icon.blue{
		background-position: -448px 0;
	}
	.sustainability-child-icon.lime{
		background-position: -384px -64px;
	}
	.paddT120{
		padding-top: 60px;
	}
	.paddB60{
		padding-bottom: 30px;
	}
	#key-focus-slideshow .factory-slide .card-block{
		padding: 70px 0px 55px 0;
	}
	.msos-sustainability .col-2{
		column-count: 1;
	}
	.images.triple{
		margin: 0 auto;
		width: 100%;
		max-width: 560px;
	}
	.sustainability-sprite.bs-swirl-device{
		height: 432px;
		max-width: 432px;
		background-size: auto 864px;
		right: 0;
		background-position: -5184px -432px;
	}
	#climate-change .col-2{
		column-count: 1;
	}
	#post{
		width: 100%;
		float: none;
		border-right: 0!important;
		padding: 0;
	}
	#post-container .sidebar{
		width: 100%;
		float: none;
		padding: 0;
	}
}
@media screen and (max-width: 900px){
	#key-focus-slideshow .factory-slide .card-block{
		flex-direction: column-reverse;
	}
	.slideshow-image.width50,
	.slideshow-copy.width50,
	.slideshow-video.width50,
	.factory-slide .card-block{
		width: 100%;
	}
	.factory-slide .card-block img{
		max-width: none!important;
	}
	.slideshow-image,
	.slideshow-video{
		padding-left: 0;
		padding-top: 30px;
	}
}
@media screen and (max-width: 850px){
	#related-links-sustainability .related{
		width: 200px;
	}
	#related-links-sustainability .related .intro{
		top: 10px;
	}
	#related-links-sustainability .related p{
		font-size: 13px;
		line-height: 16px;
	}
	#key-focus-slideshow .timeline-section h4{
		font-size: 20px;
		line-height: 24px;
	}
	#key-focus-slideshow .timeline-line{
		top: 63px;
	}
	#key-focus-slideshow .timeline-section{
		min-height: 45px;
	}
	#key-focus-slideshow em.sustainability-sprite{
		bottom: -32px;
	}
	.timeline{
		padding-bottom:  0 0 50px 0;
	}
	.card-block{
		padding: 25px 0;
	}
}
@media screen and (max-width: 820px){
	.sustainability-related-container{
		row-gap: 60px;
		flex-wrap: wrap;
	}
	.sustainability-related-inner{
		width: 48%;
	}
}
@media screen and (max-width: 800px){
	.sustainability-child-hero{
		min-height: 105px;
	}
	#climate-change.col-2{
		column-gap: 30px;
	}
	.paddB60{
		padding-bottom: 15px;
	}
	.paddT120{
		padding-top: 45px;
	}
	#title h1,
	.page-title h1{
		font-size: 30px;
		line-height: 35px;
	}
	.sustainability-child-icon{
		width: 48px;
		height: 48px;
		background-size: auto 96px;
	}
	.sustainability-child-icon.green{
		background-position: -240px -48px;
	}
	.sustainability-child-icon.lime{
		background-position: -288px -48px;
	}
	.sustainability-child-icon.teal{
		background-position: -288px 0;
	}
	.sustainability-child-icon.yellow{
		background-position: -240px 0;
	}
	.sustainability-child-icon.blue{
		background-position: -336px 0;
	}
	.triple-3, .banner .triple-3, .home .triple-3{
		height: 145px!important;
	}
}
@media screen and (max-width: 750px){
	#key-focus-slideshow .timeline-section h4{
		font-size: 13px;
		line-height: 17px;
	}
}
@media screen and (max-width: 728px){
	#title.sustainability-hero img{
		left: auto;
		margin-left: 0;
	}
	.col-3{
		column-gap: 25px;
	}
	.msos-logo{
		width: 96px;
		height: 96px;
		top: -25px;
	}
	.msos{
		padding: 0 15px;
	}
}
@media screen and (max-width: 680px){
	#related-links-sustainability .related{
		width: 100%;
		margin-top: 40px;
	}
	#related-links-sustainability .related:first-of-type{
		margin-top: 0;
	}
	#related-links-sustainability .related .intro{
		top: 30px;
	}
	#related-links-sustainability .related .intro p{
		font-size: 14px;
		line-height: 17px;
	}
}
@media screen and (max-width: 650px){
	.col-3{
		column-count: 1;
	}
	.diagram{
		flex-wrap: wrap;
		row-gap: 40px;
	}
	.diagram-inner{
		width: 50%;
	}
	#our-progress.sustainable-agriculture .diagram{
		justify-content: center;
	}
	#our-progress .wrapper1100 .diagram.width60{
		width: 100%;
	}
	h4.title-text{
		font-size: 26px;
		line-height: 34px;
	}
	.msos{
		min-height: 0px;
	}
	.msos-logo{
		width: 64px;
		height: 64px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.msos h4{
		font-size: 18px;
		line-height: 26px;
	}
}
@media screen and (max-width: 640px){
	#key-focus-slideshow .slideshow-image img{
		left: 0!important
	}
}
@media screen and (max-width: 600px){
	#climate-change.col-2{
	    padding-top: 20px;
	    padding-bottom: 20px;
	    column-count: 1;
	}
	.sustainability-child-icon{
		display: none;
	}
	.case-study-icon.sustainability-child-icon{
		display: inline-block;
	}
}
@media screen and (max-width: 550px){
	.sustainability-sprite.msos-logo{
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#sustainability-approach .wrapper1100 .width55.right{
		float: none;
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 10px;
		flex-wrap: wrap;
	}
	#sustainability-approach .width55.right img{
		display: none;
	}
	#sustainability-approach .width55.right a{
		position: static;
	}
	#sustainability-approach .width55.right a:first-of-type{
		margin-left: 0;
	}
	#sustainability-approach .width55.right a:last-of-type{
		margin-right: 0;
	}
	.sustainability-related-inner{
		width: 100%;
	}
}
@media screen and (max-width: 540px){
	#key-focus-slideshow em.sustainability-sprite.arrow-l,
	#key-focus-slideshow em.sustainability-sprite.arrow-r{
		display: none;
	}
	#key-focus-slideshow .factory-slide .card-block{
		padding: 0 0 0px 0;
	}
	.graphic{
		display: none;
	}
}
@media screen and (max-width: 500px){
	.info h2{
		font-size: 30px;
		line-height: 40px;
	}
	#title h1,
	.page-title h1{
		font-size: 20px;
		line-height: 25px;
	}
	#our-progress.sustainable-agriculture .diagram .diagram-inner{
		width: 100%;
	}
}
@media screen and (max-width: 468px){
	.triple-3, .banner .triple-3, .home .triple-3{
		height: 115px!important;
	}
	.sustainability-related-return .arrow img{
		width: 16px;
		height: 16px;
	}
	.sustainability-related-return h5{
		font-size: 15px;
		line-height: 16px;
	}
}