#main-quote, #report-quote, #approach-quote, #approach-bullets, #stewardship-quote{display:none;}
.green{color:#10a049;}
#sustainability{overflow:hidden;max-width:957px;width:100%;}
#nav-trigger{position:absolute;top:600px;}
#nav{background-color:#ffffff;border:3px solid #328c6a;border-radius:15px;line-height:2;opacity:0;padding:10px;position:fixed;cursor:pointer;top:10px;z-index:-1;}
#main-copy{color:#ffffff;font-size:24px;position:absolute;right:50px;top:175px;}
#scroll{left:75px;max-width:134px;position:absolute;top:400px;width:100%;}
#nav ul, #gallery-1 ul, #gallery-2 ul, #report ul, #matrix ul, #proud-members ul, #social-responsibility ul, #contact-us ul{ list-style:none; margin:0px; padding:0px;}
#nav ul a{ color:#000000; text-decoration:none;}
#gallery-1 li, #gallery-2 li,  #report li, #matrix li, #proud-members li, #social-responsibility li, #contact-us li{float:left;}
#program-priorities{max-width:497px;opacity:.8;position:absolute;right:25px;top:1015px;width:100%;}
#gallery-1 li{opacity:1;position:relative;top:-3px;width:25%;}
#gallery-2 li{opacity:1;position:relative;top:-6px;width:25%;}
#gallery-1 li img, #gallery-2 li img{max-width:240px;}
#gallery-2{float:left;}
#report-copy{color:#ffffff;display:block;font-size:35px;padding-right:65px;position:absolute;right:-10px;top:1800px;}
#sustainability-report, #climate-change-report{font-size: 16px;line-height: 2;padding: 2%;width: 45.5%;}
#sustainability-report{border-right:1px solid #000000;}
.button{background-color: #00A02A;border-radius: 15px;color: #FFF !important;font-size: 16px;font-weight: bold;opacity: 1;padding: 10px 40px;}
.download{background-color:#10A049;color:#ffffff !important;border-radius:15px;display: block;font-size: 14px;height: 34px;line-height: 16px;margin:0px auto;padding:5px 5px;text-align:center;text-decoration:none;width:250px;}
#approach-1, #approach-2, #approach-3, #approach-4{left:40px;opacity:1;position:absolute;}
#approach-1{top:2825px;}
#approach-2{top:2875px;}
#approach-3{top:2980px;}
#approach-4{top:3100px;}
#matrix-copy{border-right:1px solid #000000;font-size:17px;line-height:30px;padding-right:1%;position: absolute;width:39%;}
#matrix-image {left:43.5%;position: relative;width:58%;}
#stewardship-1,#stewardship-2,#stewardship-3,#stewardship-4,#stewardship-5,
#stewardship-6,#stewardship-7,#stewardship-8,#stewardship-9,#stewardship-10{position:absolute;right:25px;}
#stewardship-1{top:4165px;}
#stewardship-2{top:4195px;}
#stewardship-3{top:4225px;}
#stewardship-4{top:4255px;}
#stewardship-5{top:4285px;}
#stewardship-6{top:4315px;}
#stewardship-7{top:4345px;}
#stewardship-8{top:4375px;}
#stewardship-9{top:4405px;}
#stewardship-10{top:4435px;}
#trigger{ position:absolute;top: 5000px;}
#packaging{left: 40px;position: absolute;top: 5190px;}
#packaging-link{left: 150px;position: absolute;top: 5350px;}
#esp{position: absolute;right: 160px;top: 5190px;}
#esp-link{position: absolute;right: 160px;top: 5350px;}
#circles{height:500px;}
#circle-1{left:140px;position:relative;}
#circle-2{left:140px;position:relative;top:30px;}
#circle-3{bottom:100px; left:140px;position:relative;}
#circle-4{bottom:45px;left:10px;position:relative;}
#circle-5{bottom:125px;position:relative;}
#circle-6{bottom:180px;left:100px;position:relative;}
#proud-members li{opacity:1;position:relative;top:-3px;}
#social-responsibility li{opacity:1;position:relative;top:-3px;}
#history{ bottom:1745px;left:410px;position:absolute;}
#history-1{position:relative;}
#history-2{position:relative;right:115px;top:20px;}
#history-3{position:relative;right:115px;top:50px;}
#history-4{position:relative;right:115px;top:85px;}
#history-5{position:relative;right:-40px;top:120px;}
#supply-chain-program{color:#787777;font-size:18px;line-height: 30px;}
#supply-chain-program li{padding-bottom: 15px;}
#contact-us-trigger{position:relative;top:-270px;}
#contact-us #download, #contact-us #email{font-size:25px;line-height:2;padding:2%;text-align:center;width:45.5%;}
#contact-us #download{border-right:1px solid #000000;}
@media only screen and (min-height : 1366px) {
	/*Surface Portriat*/
	#history{ bottom:1650px !important;left:390px !important;position:absolute;}
	#contact-us-trigger{top:-730px;}
}
@media only screen and (min-height : 1220px) {
	#contact-us-trigger{top:-650px;}
}
@media only screen and (max-width : 1024px) {
	#program-priorities{top:975px;}
	#report-copy{top:1650px;}
	#matrix-copy{line-height:28px;}
	#stewardship-1{top:3915px;}
	#stewardship-2{top:3945px;}
	#stewardship-3{top:3975px;}
	#stewardship-4{top:4005px;}
	#stewardship-5{top:4035px;}
	#stewardship-6{top:4065px;}
	#stewardship-7{top:4095px;}
	#stewardship-8{top:4125px;}
	#stewardship-9{top:4155px;}
	#stewardship-10{top:4185px;}
	#packaging{left:20px;top:4850px;}
	#packaging-link{top:5025px;}
	#esp{top:4850px;}
	#esp-link{top:5025px;}
	#circle-3{left:100px;}
	#history{ bottom:1620px;left:425px;}
}
@media only screen and (min-width : 769px) and (max-width : 1024px) {}
@media only screen and (max-width : 768px) {
	#scroll{display:none;top:600px;}
	#main-copy{left:100px;top:140px;width:75%;}
	#program-priorities{top:750px;}
	#report-copy{top:1315px;width:60%;}
	#approach-1, #approach-2, #approach-3, #approach-4{left:20px;}
	#approach-1{top:2125px;}
	#approach-2{top:2175px;}
	#approach-3{top:2280px;}
	#approach-4{top:2400px;}	
	#matrix-copy{font-size:14px;line-height:20px;}
	#stewardship-1{right:70px;top:3160px;width:40% !important;}
	#stewardship-2{right:60px;top:3190px;width:45% !important;}
	#stewardship-3{right:60px;top:3215px;width:44% !important;}
	#stewardship-4{right:60px;top:3240px;width:45% !important;}
	#stewardship-5{right:55px;top:3265px;width:46% !important;}
	#stewardship-6{top:3290px;width:47% !important;}
	#stewardship-7{right:80px;top:3315px;width:40% !important;}
	#stewardship-8{top:3340px;width:47% !important;}
	#stewardship-9{right:85px;top:3365px;width:38% !important;}
	#stewardship-10{right:155px;top:3390px;width:20% !important;}
	#packaging{top:3900px;width:47% !important;}
	#packaging-link{left:100px;top:4025px;}
	#esp{top:3900px;width:14% !important;}
	#esp-link{right:125px;top:4025px;}
	#circles{height:400px;}
	#circle-1{bottom:30px;left:10px;width:34% !important;}
	#circle-2{left:0px;top:-35px;width:40% !important;}
	#circle-3{bottom:135px;left:10px;width:25% !important;}
	#circle-4{width:39% !important}
	#circle-5{width:30% !important}
	#circle-6{bottom:140px;left:0px;width:30% !important}
	#history{ bottom:1665px;left:300px;}
	#history-1{right:40px;}
	#history-2{right:60px;top:10px;width:100%;}
	#history-3{right:60px;top:30px;width:100%;}
	#history-4{right:55px;top:48px;width:99%;}
	#history-5{right:-40px;top:70px;width:75%;}
}
@media only screen and (min-width : 481px) and (max-width : 768px) {
	/* Andriod Landscape */
	#nav{display:none;}
	#main-copy{top:120px;width:65% !important;}
	#program-priorities{top:575px;width:65% !important;}
	#report-copy{top:1000px; width:50% !important;}
	#climate-change-report a{margin-top:45px;}
	.download{width:200px;}
	#approach-1, #approach-2, #approach-3, #approach-4{left:20px;}
	#approach-1{top:1750px; width:55% !important;}
	#approach-2{top:1775px; width:55% !important;}
	#approach-3{top:1825px; width:65% !important;}
	#approach-4{top:1880px; width:65% !important;}	
	#matrix-copy{font-size:10px;line-height:16px;}
	#stewardship-1, #stewardship-2, #stewardship-3, #stewardship-4, #stewardship-5, 
	#stewardship-6, #stewardship-7, #stewardship-8, #stewardship-9, #stewardship-10{display:none;}
	#stewardship-quote{display:block;font-size:22px;padding-right:10px;position:absolute;text-align:center;top:2570px;}	
	#packaging{left:10px;top:3350px;}
	#packaging-link{left:50px;top:3425px;}
	#esp{right:90px;top:3350px;}
	#esp-link{right:50px;top:3425px;}
	#circles{height:300px;}
	#circle-1{bottom:20px;}
	#circle-2{top:-25px;width:39% !important;}
	#circle-3{bottom:100px;}
	#circle-5{width:29% !important;}
	#history{ bottom:1400px;left:225px;width:60% !important;}
	#history-1{width:84% !important;}
	#download, #email{font-size:18px !important;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/*Ipad override*/
	#main-copy{top:140px;}
	#program-priorities{top:750px;}
	#report-copy {top:1320px;}
	#gallery-1 ul li:nth-child(1) {width:24.9% !important;}
	#gallery-1 ul li:nth-child(2) {width:24.9% !important;}
	#gallery-1 ul li:nth-child(3) {width:24.9% !important;}
	#climate-change-report a{margin-top:0px;}
	#approach-1{top:2150px;}
	#approach-2{top:2195px;}
	#approach-3{top:2280px;}
	#approach-4{top:2360px;}	
	#matrix-copy{font-size:14px;line-height:18px;}
	#stewardship-quote{display:none;}
	#stewardship-1, #stewardship-2, #stewardship-3, #stewardship-4, #stewardship-5, 
	#stewardship-6, #stewardship-7, #stewardship-8, #stewardship-9, #stewardship-10{display:block;}
	#stewardship-1{top:3210px;}
	#stewardship-2{top:3240px;}
	#stewardship-3{top:3255px;width:43% !important;}
	#stewardship-4{right:30px;top:3270px;width:50% !important;}
	#stewardship-5{top:3285px;}
	#stewardship-6{top:3300px;width:49% !important;}
	#stewardship-7{top:3315px;}
	#stewardship-8{top:3330px;width:49% !important;}
	#stewardship-9{top:3345px;}
	#stewardship-10{top:3360px;}
	#packaging{top:3925px;}
	#packaging-link{left:90px;top:4050px;}
	#esp{right:120px;top:3925px;}
	#esp-link{right:90px;top:4050px;}
	#circles{height:400px;}
	#history{bottom:1525px;left:320px;}
}
@media only screen and (max-width : 480px) { 
	/*iphone lanscape and portriat */
	#scroll{display:none;}
	#nav{display:none;}
	#main-copy, #report-copy, #approach-1, #approach-2, #approach-3, #approach-4,
	#stewardship-1, #stewardship-2, #stewardship-3, #stewardship-4, #stewardship-5, 
	#stewardship-6, #stewardship-7, #stewardship-8, #stewardship-9, #stewardship-10 {display:none;}
	#main-quote {color:#ffffff;display:block;padding:0px 5px;position:absolute;top:65px;}
	#scroll{display:none;}
	#nav{display:none;}
	#main-copy{left:65px;top:80px;} 
	#program-priorities{right:10px;top:320px;width:80% !important;}
	#report li, #matrix li, #contact-us li{float:none;}
	#sustainability-report, #climate-change-report, #matrix-copy, #matrix-image, #packaging, #packaging-link, #esp, #esp-link, #contact-us #download, #contact-us #email{width:100%;}
	#sustainability-report,#contact-us #download{border-right:none;}
	#sustainability-report{padding-bottom:30px;}
	#climate-change-report{border-top:3px solid #10a049;padding-top:10px;width:95%;}
	#gallery-1 li, #gallery-2 li{background-color:#1d7c5e;top:0px;width:50%;}
	#gallery-1 ul li:nth-child(4) {width:50.5% !important;}
	#report-quote {color:#ffffff;display:block;font-size:12px;left:100px;position:absolute;text-align:center;top:1030px;}
	#approach-quote {color:#ffffff;display:block;font-size:16px;padding-left:10px;position:absolute;top:1910px;text-shadow:0px 0px 2px rgba(0, 0, 0, 1),0px 0px 2px rgba(0, 0, 0, 1);}
	#approach-bullets {color:#ffffff;display:block;font-size:16px;list-style-type:circle;padding:0px 25px;position:absolute;top:1930px;text-shadow:0px 0px 2px rgba(0, 0, 0, 1),0px 0px 2px rgba(0, 0, 0, 1);}
	#matrix-copy {font-size:18px;line-height:20px;position:relative;}
	#matrix-image {left:0px;}
	#stewardship-quote {display:block;font-size:13px;position:absolute;text-align:center;top:2905px;}
	.button {font-size:10px;padding:5px 5px;text-align:center;width:25% !important;}
	#packaging {left:5px;top:3360px;width:47% !important;}
	#packaging-link {left:40px;top:3410px;}
	#esp {right:50px;top:3360px;width:14% !important;}
	#esp-link {right:30px;top:3410px;}
	#circle-1 {bottom:0px;left:10px;width:49% !important;}
	#circle-2 {left:0px;top:-15px;width:50% !important;}
	#circle-3 {bottom:30px;left:0px;width:50% !important;}
	#circle-4 {bottom:30px;width:49% !important}
	#circle-5 {bottom:60px;width:50% !important}
	#circle-6 {bottom:20px;left:0px;width:49% !important}
	#proud-members ul li {width:50% !important;}
	#proud-members ul li:nth-child(3) {display:none;}
	#social-responsibility ul li{width:50% !important;}
	#social-responsibility ul li:nth-child(3) {display:none;}
	#history{ bottom:1690px;left:55px;}
	#history-1 {right:-55px;width:65% !important;}
	#history-2 {right:-35px;top:0px;width:80% !important;}
	#history-3 {right:-38px;top:10px;width:80% !important;}
	#history-4 {right:-40px;top:20px;width:80% !important;}
	#history-5 {right:-90px;top:30px;width:55% !important;}
	#email {border-top:3px solid #10a049;width:95%;}
	#download .button, #email .button {font-size:20px;padding:10px;}	
	#download, #email {font-size:18px !important;}
}
@media only screen and (min-width : 321px) and (max-width : 480px) {
	#main-quote{color:#ffffff;display:block;font-size:22px;padding:0px 25px;position:absolute;top:95px;}
	#program-priorities{right:20px;top:550px;}	
	#gallery-1 li, #gallery-2 li{width:50%; max-width:260px !important;}
	#gallery-1 li img, #gallery-2 li img{max-width:none;}
	#gallery-1 ul li:nth-child(4) {width:50% !important;}
	#report-quote{left:200px;font-size:20px;top:1840px;}
	#approach-quote{font-size:28px;top:2700px;}
	#approach-bullets{font-size:28px;padding-left:50px;top:2730px;}
	#matrix-copy{font-size:22px; line-height:24px;}
	#stewardship-quote{font-size:22px;padding-right:10px;top:4050px;}
	#packaging{left:15px;top:4875px;}
	#packaging-link{left:70px;top:4960px;}
	#esp{right:100px;top:4875px;}
	#esp-link{right:70px;top:4960px;}
	#circles{height:600px;}
	#circle-1{bottom:0px;left:10px;width:49% !important;}
	#circle-2{left:0px;top:-15px;width:50% !important;}
	#circle-3{bottom:30px;left:0px;width:50% !important;}
	#circle-4{bottom:30px;width:49% !important}
	#circle-5{bottom:80px;width:50% !important}
	#circle-6{bottom:110px;left:0px;width:49% !important}
	#history{ bottom:1575px;left:175px;}
	#history-5{right:-110px;}
	#download, #email{font-size:22px !important;}
}
@media only screen and (max-width : 320px) { }