/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/


.section-recycled-guts.card .card-headline>span[aria-hidden] span:before { background-image:url(/euro/environment/j/titles_fr/images/overview/recycled_arrow__byk8b3zmq5ea_large.png); }
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
  .section-recycled-guts.card .card-headline>span[aria-hidden] span:before { background-image:url(/euro/environment/j/titles_fr/images/overview/recycled_arrow__byk8b3zmq5ea_large_2x.png); }
}
@media only screen and (max-width:1068px) {
  .section-recycled-guts.card .card-headline>span[aria-hidden] span:before { background-image:url(/euro/environment/j/titles_fr/images/overview/recycled_arrow__byk8b3zmq5ea_medium.png); }
}
@media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
  .section-recycled-guts.card .card-headline>span[aria-hidden] span:before { background-image:url(/euro/environment/j/titles_fr/images/overview/recycled_arrow__byk8b3zmq5ea_medium_2x.png); }
}
@media only screen and (max-width:734px) {
  .section-recycled-guts.card .card-headline>span[aria-hidden] span:before { background-image:url(/euro/environment/j/titles_fr/images/overview/recycled_arrow__byk8b3zmq5ea_small.png); }
}
@media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
  .section-recycled-guts.card .card-headline>span[aria-hidden] span:before { background-image:url(/euro/environment/j/titles_fr/images/overview/recycled_arrow__byk8b3zmq5ea_small_2x.png); }
}


/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

#ac-localnav .ac-ln-button {
	display:block;
}

.section-recycled-and-renewable .overview-seventy-five-percent {
    padding:0px 24px 0px 10px;
}

.section-product-energy .overview-seventy-percent {
    padding:0px 24px 0px 10px;
}

.section-hero .macbook-callout .snipe {
    left: 39px;
}
.section-hero .macbook-callout .snipe .arrow-illustration {
    left: -46px;
}
@media only screen and (max-width: 1068px) {
    .section-hero .macbook-callout .snipe {
        left: -106px;
    }
    .section-hero .macbook-callout .snipe .arrow-illustration {
        left: 102px;
        top: 54px;
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .macbook-callout .snipe {
        left: 358px;
    }
    .section-hero .macbook-callout .snipe .arrow-illustration {
        left: -14px;
        top: -35px;
    }
}

.section-hero .iphone-box-callout .snipe .arrow-illustration {
    left: 31px;
    top: 74px;
    transform:rotate(-63deg);
}

@media only screen and (max-width: 1068px) {
    .section-hero .iphone-box-callout .snipe .arrow-illustration {
        left: -39px;
        top: 2px;
        transform:rotate(-200deg) scale(-0.7, 0.7);
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .iphone-box-callout .snipe {
        left: -31px;
    }
    .section-hero .iphone-box-callout .snipe .arrow-illustration {
        left: 23px;
        top: -34px;
        transform:rotate(-260deg) scale(0.5);
    }
}

.section-hero .ipad-callout .snipe {
    left: -160px;
    top:304px
}

@media only screen and (max-width: 1068px) {
    .section-hero .ipad-callout .snipe {
        left: 303px;
        top:62px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .ipad-callout .snipe {
        left: -92px;
    	top: -22px;
    }
}

.section-siri .line2 .punctuation-wrapper:after {
	left: -6px;
}

@media only screen and (max-width: 1068px) {
	.section-siri .line2 .punctuation-wrapper:after {
		left: 2px;
		bottom: -45%;
	}
}

@media only screen and (max-width: 1068px) {
	.section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
		left: -102px;
	}
}

@media only screen and (max-width: 734px) {
	.section-recycled-guts.card .card-headline>span[aria-hidden] span:before {
		left: -80px;
	}
}

.progress-reports-headline {
	max-width: 604px;
}

@media only screen and (max-width: 1068px) {
	.progress-reports-headline {
		max-width: 500px;
	}
}

@media only screen and (max-width: 734px) {
	.progress-reports-headline {
		font-size: 34px;
		max-width: 400px;
	}
}

@media only screen and (max-width: 320px) {
	.progress-reports-headline {
		font-size: 29px;
	}
}

.typography-hero-headline {
    font-size: 80px;
}
@media only screen and (max-width: 1068px) {
    .typography-hero-headline {
        font-size: 70px;
    }
}
@media only screen and (max-width: 734px) {
    .typography-hero-headline {
        font-size: 48px;
    }
}

.oops .underlined-text .underline-illustration {
	width: 73%;
	left: 11%;
	bottom: -3%
}

@media only screen and (max-width: 734px) {
	.oops .underlined-text .underline-illustration {
		width: 76%;
		left: 0;
		bottom: -2%;
	}
}

.section-one-less-thing .highlighted-text .highlight-illustration {
	width: 100%;
}

.section-siri .line2 .punctuation-wrapper::after {
    left: 9px;
}

@media only screen and (max-width: 734px) {
	#ac-localnav .ac-ln-action-button .ac-ln-button, #ac-localnav .ac-ln-action-violator .ac-ln-violator {
    	margin-top: -9px;
	}
}

@media only screen and (max-width: 734px) {
	.burst-illustration {
		width: 36px;
		height: 78px;
	}
}

@media only screen and (max-width: 734px) {
	.overview-ten-gw loaded {
		width: 94%;
	}
}

html.no-js .section-blockquote .blockquote-quote::after {
	background-image: url("/euro/environment/j/screens_alt/images/overview/quote_end__bkjyjr3ey736_large.png");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    html.no-js .section-blockquote .blockquote-quote::after {
        background-image: url("/euro/environment/j/screens_alt/images/overview/quote_end__bkjyjr3ey736_large_2x.png");
    }
}

html.no-js .section-blockquote .blockquote-quote::after {
    width: 35px;
    height: 24px;
    background-size: 35px 25px;
}

@media only screen and (max-width: 1068px) {
	html.no-js .section-blockquote .blockquote-quote::after {
		background-image: url("/euro/environment/j/screens_alt/images/overview/quote_end__bkjyjr3ey736_medium.png");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-js .section-blockquote .blockquote-quote::after {
        background-image: url("/euro/environment/j/screens_alt/images/overview/quote_end__bkjyjr3ey736_medium_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    html.no-js .section-blockquote .blockquote-quote::after {
        width: 35px;
        height: 25px;
        background-size: 35px 25px;
    }
}

@media only screen and (max-width: 734px) {
	html.no-js .section-blockquote .blockquote-quote::after {
		background-image: url("/euro/environment/j/screens_alt/images/overview/quote_end__bkjyjr3ey736_small.png");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-js .section-blockquote .blockquote-quote::after {
        background-image: url("/euro/environment/j/screens_alt/images/overview/quote_end__bkjyjr3ey736_small_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    html.no-js .section-blockquote .blockquote-quote::after {
        width: 18px;
        height: 13px;
        background-size: 18px 13px;
    }
}

.callout-durable .underlined-text .underline-illustration {
    width: 73%;
    left: 11%;
    bottom: -3%;
}

@media only screen and (max-width: 1068px) {
    .section-iphone .callout-durable .resistant {
        max-width: 190px;
    }

    .callout-durable .underlined-text .underline-illustration {
        width: 58%;
        left: 19%;
    }
}

@media only screen and (max-width: 734px) {
    .callout-durable .underlined-text .underline-illustration {
        width: 54%;
        left: 0;
    }
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/