@charset "UTF-8";
/* CSS Document */

<style>

div.overlay-background	{
	margin-top:110px;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0.8% 0;
}
/*.col:first-child { margin-left: 0; 
}*/

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2, a.span_2_of_2 {
	width: 100%;
	border-radius:20px;
}
.span_1_of_2, a.span_1_of_2 {
	width: 32.26%;
	height: 0;
	padding-bottom: 32.26%;
	border-radius:20px;
}

.span_1_of_3, a.span_1_of_3 {
	width: 49.2%;
	height: 0;
	padding-bottom: 32.4%;
	border-radius:20px;
}

/*  NAV STYLES  */

.nav1, .nav2, .nav3 {
	width: 32.26%;
	height: 0;
	padding-bottom: 20.9%;
	border-radius:20px;

}

.sustainability .nav1 h1, .sustainability .nav2 h1, .sustainability .nav3 h1 {
	font-family:"VAG Rounded W02 Bold","Arial Rounded MT Bold","Arial Rounded MT","Arial Rounded",Arial,sans-serif;
	color:#589843;
	margin:50% 0 0 0;
	text-align:center;
	font-size: 30px;
	padding: 10px;
	text-transform: none;
}

.sustainability a.box, .sustainability a.box:hover, div.box {
	cursor: pointer;
	height: 100%;
	width: 100%;
	
}

.nav1 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/core.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
float:left;
margin: 1% 0 1% 0;
}

.nav1:hover { 
background-image: url(../images/sustainability/core-over.png);
cursor: pointer;
}

.nav2 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/futures.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}

.nav2:hover { 
background-image: url(../images/sustainability/futures-over.png);
	cursor: pointer;
}

.nav3 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/heroes.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}

.nav3:hover { 
background-image: url(../images/sustainability/heroes-over.png);
	cursor: pointer;
}


/*  BOXES STYLES  */

#random-unsuspecting-element { background: url(../images/sustainability/bananas-over.png) no-repeat -9999px -9999px; }
#random-unsuspecting-element2 { background: url(../images/sustainability/strawberries-over.png) no-repeat -9999px -9999px; }
#random-unsuspecting-element3 { background: url(../images/sustainability/mangoes-over.png) no-repeat -9999px -9999px; }
#random-unsuspecting-element4 { background: url(../images/sustainability/core-over.png) no-repeat -9999px -9999px; }
#random-unsuspecting-element5 { background: url(../images/sustainability/futures-over.png) no-repeat -9999px -9999px; }
#random-unsuspecting-element6 { background: url(../images/sustainability/heroes-over.png) no-repeat -9999px -9999px; }

#nav-element { background: url(../images/sustainability/futures-over.png) no-repeat -9999px -9999px; }
#nav-element2 { background: url(../images/sustainability/heroes-over.png) no-repeat -9999px -9999px; }
#nav-element3 { background: url(../images/sustainability/core-over.png) no-repeat -9999px -9999px; }


.video1 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-bananen-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.video1:hover {
background-image: url(../images/sustainability/1808-sustainability-bananen-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

.video2 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-erdbeeren-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.video2:hover { 
background-image: url(../images/sustainability/1808-sustainability-erdbeeren-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

.video3 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-mangos-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

}

.video3:hover { 
background-image: url(../images/sustainability/1808-sustainability-mangos-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

/*  GOOD TO THE CORE - BOXES  */

#core-element { background: url(../images/sustainability/farms-over.png) no-repeat -9999px -9999px; }
#core-element2 { background: url(../images/sustainability/factory-over.png) no-repeat -9999px -9999px; }
#core-element3 { background: url(../images/sustainability/fairtrade-bananas-over) no-repeat -9999px -9999px; }
#core-element4 { background: url(../images/sustainability/sustainable-production-over.png) no-repeat -9999px -9999px; }
#core-element5 { background: url(../images/sustainability/production-partners-over.png) no-repeat -9999px -9999px; }
#core-element6 { background: url(../images/sustainability/fareshare-over.png) no-repeat -9999px -9999px; }

.core-story1 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-farmen-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;

}

.core-story1:hover { 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-farmen-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

.core-story2 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-Douglas-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;

}

.core-story3 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-fabriken-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

}

.core-story3:hover { 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-fabriken-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}


.core-story4 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-bananen-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.core-story4:hover {
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-bananen-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.core-story5 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-produktion-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.core-story5:hover { 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-produktion-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.core-story6 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-menschenrechte-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.core-story6:hover {
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-menschenrechte-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.core-story7 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-fareshare-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.core-story7:hover {
background-image: url(../images/sustainability/1808-sustainability-good-to-the-core-fareshare-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}


/*  PROTECTED FUTURES - BOXES  */

#futures-element { background: url(../images/sustainability/award-over.png) no-repeat -9999px -9999px; }
#futures-element2 { background: url(../images/sustainability/strawberries-over.png) no-repeat -9999px -9999px; }
#futures-element3 { background: url(../images/sustainability/futures-mango-over.png) no-repeat -9999px -9999px; }
#futures-element4 { background: url(../images/sustainability/inside-FT-over.png) no-repeat -9999px -9999px; }
#futures-element5 { background: url(../images/sustainability/ideas-council-over.png) no-repeat -9999px -9999px; }
#futures-element6 { background: url(../images/sustainability/foundation-over.png) no-repeat -9999px -9999px; }

.futures-story1 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-award-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;

}

.futures-story1:hover { 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-award-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

.futures-story2 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-farmer-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;

}


.futures-story3 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-erdbeeren-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

}

.futures-story3:hover { 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-erdbeeren-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}


.futures-story4 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-mangos-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.futures-story4:hover {
background-image: url(../images/sustainability/1808-sustainability-protected-futures-mangos-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.futures-story5 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-fruit-towers-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.futures-story5:hover { 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-fruit-towers-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.futures-story6 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-klima-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.futures-story6:hover {
background-image: url(../images/sustainability/1808-sustainability-protected-futures-klima-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.futures-story7 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-protected-futures-charity-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.futures-story7:hover {
background-image: url(../images/sustainability/1808-sustainability-protected-futures-charity-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}



/*  HEROES OF CHANGE - BOXES  */


#hero-element { background: url(../images/sustainability/greenbottle-over.png) no-repeat -9999px -9999px; }
#hero-element2 { background: url(../images/sustainability/millionmiles-over.png) no-repeat -9999px -9999px; }
#hero-element3 { background: url(../images/sustainability/employees-over.png) no-repeat -9999px -9999px; }
#hero-element4 { background: url(../images/sustainability/conference-over.png) no-repeat -9999px -9999px; }
#hero-element5 { background: url(../images/sustainability/recycling-video-over.png) no-repeat -9999px -9999px; }
#hero-element6 { background: url(../images/sustainability/FT-heroes-over.png) no-repeat -9999px -9999px; }

.hero-story1 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-gruenere-flasche-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;

}

.hero-story1:hover { 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-gruenere-flasche-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

.hero-story2 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-Graham-1-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;

}

.hero-story3 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-millionen-meilen-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

}

.hero-story3:hover { 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-millionen-meilen-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}


.hero-story4 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-mitarbeiter-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.hero-story4:hover {
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-mitarbeiter-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.hero-story5 { 
background-color:#FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-konferenz-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.hero-story5:hover { 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-konferenz-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}


.hero-story6 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-FT-heroes-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 1.6%;
}

.hero-story6:hover {
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-FT-heroes-2-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.hero-story7 { 
background-color: #FFFFFF; 
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-about-recycling-1-PT.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.hero-story7:hover {
background-image: url(../images/sustainability/1808-sustainability-heroes-of-change-about-recycling-2-PT.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}


.sustainability .paragraph { 
background-color: #E5F7C6; 
background-image: url(../images/sustainability/title-background.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}


.sustainability .paragraph2 { 
background-color: #ffffff; 
}

.sustainability .paragraph-img-text {
	width: 55%;
	margin:10px auto;
	float: left;
}

.sustainability .paragraph-img-text p {
	text-align:left;
	float: left;
	padding: 5px 0 5px 200px;
}

.sustainability .paragraph-img-text h1, .sustainability .paragraph-img-text h2 {
	text-align: left;
	margin:10px 10px 10px 200px;
}


.paragraph-img {
	float: right;
	width: 300px;
	height: 300px;
	margin: 90px 200px 0 0;
}

.paragraph-img img {
	width: 300px;
	height: 300px;
}


.sustainability .paragraph h1, .sustainability .paragraph2 h1 {
	font-family:"VAG Rounded W02 Bold","Arial Rounded MT Bold","Arial Rounded MT","Arial Rounded",Arial,sans-serif;
	color:#589843;
	text-align:center;
	font-size: 60px;
	padding: 25px 40px 5px;
	margin: 0;
	text-transform: none;
}

.sustainability .paragraph h2, .sustainability .paragraph2 h2  {
	font-family:"VAG Rounded W02 Bold","Arial Rounded MT Bold","Arial Rounded MT","Arial Rounded",Arial,sans-serif;
	color:#8dc640;
	text-align:center;
	font-size: 30px;
	padding: 10px 40px;
	margin: 0;
	text-transform: none;
}


.sustainability h1 {
	font-family:"VAG Rounded W02 Bold","Arial Rounded MT Bold","Arial Rounded MT","Arial Rounded",Arial,sans-serif;
	color:#589843; 
	margin:0px;
	text-align:center;
	font-size: 70px;
	padding: 10px;
	text-transform: none;
	
}

.sustainability h2 {
	font-size: 40px;
	color:#8dc640;
	text-align:center;
	text-transform: none;
	padding: 0 120px;
	
}

.sustainability h3 {
	font-family:"VAG Rounded W02 Bold","Arial Rounded MT Bold","Arial Rounded MT","Arial Rounded",Arial,sans-serif;
	color:#FFF;
	margin:0px;
	text-align:center;
	font-size: 30px;
	padding: 10px;
	text-transform: none;
	
}

.sustainability h3 {
	text-align:left;
	text-transform: none;
	
}

/*  PAGE SUB-TITLE STYLES - fruit-veg #f08949 / vit-c #78c267 / nothing #e65661 / two #8b2258 / good #eebd5b faq #8d2340 */


.sustainability h4 {
	font-family:"VAG Rounded W02 Bold","Arial Rounded MT Bold","Arial Rounded MT","Arial Rounded",Arial,sans-serif;
	color:#78c267;
	margin:0px;
	text-align:center;
	font-size: 30px;
	padding: 0;
	line-height: 30px;
	text-decoration: underline;
	
}

.sustainability p {
	padding: 5px 180px;
	text-align:center;
	color:#000;
}


.sustainability a {
	color:#589843;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}


.sustainability ol {
	font-size: 1.6em;
	text-align: left;
	display:block;
	padding: 5px 200px;
	color:#000;
}

.sustainability li {
	list-style: disc outside none;
	/*margin: 1em;*/
}



.sustainability .paragraph, .sustainability .paragraph2 {
	margin:10px auto;
	text-align:center;
	
}


.sustainability .paragraph h1, .sustainability .paragraph2 h1 {
	color:#589843;
}

.sustainability.paragraph h2, .sustainability.paragraph2 h2 {
	color:#8DC640;
}

.sustainability p.description {
	font-size: 14px;
	padding: 0 5px;
	text-align:center;
	color:#FFF;
	margin-bottom:5px;
	
}

.sustainability p.description2 {
	font-size: 12px;
	padding: 5px;
	text-align:left;
	color:#FFF;
	margin-bottom:0;
	
}


img {
	width: 90%;
	padding-bottom: 90%;
}


/*  PAGE TITLE STYLES  */
 

.sustainability h1.core { 
color: #589843;
padding: 290px 0 0 0;
background: url("../images/sustainability/core-header.jpg") no-repeat scroll center #fff;
height: 100px;
margin: -125px 0 0 0;

}

.sustainability h1.futures { 
color: #589843;
padding: 290px 0 0 0;
background: url("../images/sustainability/futures-header.jpg") no-repeat scroll center #fff;
height: 100px;
margin: -125px 0 0 0;
}

.sustainability h1.heroes { 
color: #589843;
padding: 290px 0 0 0;
background: url("../images/sustainability/heroes-header.jpg") no-repeat scroll center #fff;
height: 100px;
margin: -125px 0 0 0;
}

.sustainability h1.case-study { 
color: #589843;
padding: 0;
margin: 0;
}



/*  IN-PAGE STYLES  */


span.nothing {
color: #e65661;
font-weight:bold;
}

span.two {
color: #8b2258;
font-weight:bold;
}


img.description-img {
	width: 100%;
	margin:0 auto;
	padding: 0;
}



/*  BUTTONS */

p.button {
	display: block;
	text-align:center;
	margin-bottom: 5px;
}

.sustainability a.backbtn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    color: #FFFFFF;!important
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    /*height: 20px;*/
    line-height: 18px;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
	border-radius:20px;
	background: #8dc640;
}


.sustainability a.backbtn:hover {
	background: #589843;
}

.sustainability a.backbtn span {
	background-image: url("../images/sustainability/back-btn.png");
	width: 8px;
	height: 10px;
	display:inline-block;
	margin: 0 8px 0 0;
}


.sustainability img.subsection-img {
	padding: 0;
	margin: 10px 0 0 0;
	width: 800px;
	border-radius: 20px;
}

.sustainability img.hero-img {
	padding: 0;
	margin: -45px 20px 0 0;
	width: 360px;
	height: 360px;
	border-radius: 0;
	float: left;
}


/*  REFERENCES */

.divider {
    background: url("../images/hr.png") repeat-x scroll center bottom transparent;
    clear: both;
    float: none;
    height: 10px;
    padding: 10px 0;
}

.footnotes p {
	font-size: 12px;
	text-align: left;
}

p.footnotes {
	font-size: 12px;
	text-align: center;
	color:#999;
}


/*  FAQ section CSS */

/*Define Accordion box*/
.paragraph .accordion { overflow:hidden; margin:10px auto; color:#474747; background:#cef6c1; padding:10px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.paragraph .accordion section:target { background:#FFF; padding:10px;}
.paragraph .accordion section:target:hover { background:#FFF; }
.paragraph .accordion section:target h2 {width:inherit;}
.paragraph .accordion section:target h2 a { color:#589843; padding:0; height: auto; cursor: pointer;}
.paragraph .accordion section:target p {display:block;}
.paragraph .accordion section h2 a {padding:0;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none; height: 70px; cursor: pointer;}

/*set style of closed slide*/
.paragraph .accordion section{ float:left;	overflow:hidden; color:#8d2340; cursor:pointer; background: #589843; margin:3px; }
.paragraph .accordion section:hover {background:#2c6e16;}
.paragraph .accordion section p { display:none; }
.paragraph .accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
.paragraph .accordion section:nth-child(1):after{content:'1';}
.paragraph .accordion section:nth-child(2):after{content:'2';}
.paragraph .accordion section:nth-child(3):after{content:'3';}
.paragraph .accordion section:nth-child(4):after{content:'4';}
.paragraph .accordion section:nth-child(5):after{content:'5';}
.paragraph .accordion section:nth-child(6):after{content:'6';}
/*.paragraph .accordion section:nth-child(7):after{content:'7';}
.paragraph .accordion section:nth-child(8):after{content:'8';}
.paragraph .accordion section:nth-child(9):after{content:'9';}
.paragraph .accordion section:nth-child(10):after{content:'10';}
.paragraph .accordion section:nth-child(11):after{content:'11';}
.paragraph .accordion section:nth-child(12):after{content:'12';}
.paragraph .accordion section:nth-child(13):after{content:'13';}
.paragraph .accordion section:nth-child(14):after{content:'14';}
.paragraph .accordion section:nth-child(15):after{content:'15';}
.paragraph .accordion section:nth-child(16):after{content:'16';}
.paragraph .accordion section:nth-child(17):after{content:'17';}
.paragraph .accordion section:nth-child(18):after{content:'18';}
.paragraph .accordion section:nth-child(19):after{content:'19';}
.paragraph .accordion section:nth-child(20):after{content:'20';}
.paragraph .accordion section:nth-child(21):after{content:'21';}
.paragraph .accordion section:nth-child(22):after{content:'22';}
.paragraph .accordion section:nth-child(23):after{content:'23';}
.paragraph .accordion section:nth-child(24):after{content:'24';}
*/


/*End General Accordion****************************************************************************/



/*Vertical Accordion *************************************************************************/
.vertical section{ width:99%; height:70px;
	-webkit-transition:height 0.3s ease-out;
	-moz-transition:height 0.3s ease-out;
  	-o-transition:height 0.3s ease-out;
	-ms-transition:height 0.3s ease-out;
  	transition:height 0.3s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:auto; width:auto; }

.vertical section h2 { position:relative; left:0; height: auto;}

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}


@media screen and (max-width: 1281px) {

.sustainability .nutrition h3 {
	font-size: 35px;
	padding: 5px 10px;
}


.sustainability p.description {
	margin: 2px;
	padding: 2px;
	font-size: 14px;
}

/*p.button {
	display: none;
}*/

.sustainability h3 {
	font-size: 23px;
}


.sustainability .paragraph, .sustainability .paragraph2, .sustainability .paragraph-img-text {
	width: 100%;
	margin:10px auto;
	text-align:center;
}	
	

.sustainability .paragraph h1, .sustainability .paragraph2 h1 {
	font-size: 30px;
	padding: 10px 5px;
	
	}
	
.sustainability .paragraph h2, .sustainability .paragraph2 h2 {
	font-size: 20px;
	padding: 10px 5px;
	
}
	
.sustainability .nav1 h1, .sustainability .nav2 h1, .sustainability .nav3 h1 {
	font-size: 20px;
	padding: 5px;
	
}

.sustainability h1 {
	font-size: 55px;
}

.sustainability h2 {
	font-size: 30px;
	padding: 5px;
}


img {
	width: 80%;
	padding-bottom: 100%;
}


/*  PAGE TITLE STYLES  */
 

.us .content h1.core { 
color: #589843;
padding: 240px 0 0 0;
background: url("../images/sustainability/core-header.jpg") no-repeat scroll center #fff;
height: 70px;
margin:-80px 0 0 0;
}

.us .content h1.futures { 
color: #589843;
padding: 240px 0 0 0;
background: url("../images/sustainability/futures-header.jpg") no-repeat scroll center #fff;
height: 70px;
margin:-80px 0 0 0;
}

.us .content h1.heroes { 
color: #589843;
padding: 240px 0 0 0;
background: url("../images/sustainability/heroes-header.jpg") no-repeat scroll center #fff;
height: 70px;
margin:-80px 0 0 0;
}
	

.us .content h1.case-study { 
color: #589843;
padding: 0;
margin:0;
}


}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 450px) {

.col { 
		margin: 2% 0 2% 0%;
	}
	
.span_1_of_2, .span_1_of_3 { 
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	float: left;
}
	 
.span_2_of_2 {
	width: 100%;
}

.sustainability h1 {
	font-size: 45px;
}
	
.sustainability .paragraph {
	width: 100%;
	margin: 30% 0 2% 0;
	text-align:center;
}

.sustainability .paragraph2 {
	width: 100%;
	margin: 2% 0 2% 0;
	text-align:center;
	background-color:#FFFFFF;
}
	
	
.sustainability .paragraph-img-text {
	width: 100%;
	margin:10px auto;
	float: none;
}

.sustainability .paragraph-img-text p {
	text-align:center;
	float: none;
	padding: 0;
}

.sustainability .paragraph-img-text h1, .sustainability .paragraph-img-text h2 {
	text-align: center;
	margin:0;
}

	.sustainability img.hero-img {
	padding: 0;
	margin: 20px 0;
	width: 360px;
	height: 100%;
	border-radius: 0;
	float: none;
}


.paragraph-img {
	float: none;
	width: 450px;
	height: 450px;
	margin: 0;
}

.paragraph-img img {
	width: 450px;
	height: 450px;
}
	

.sustainability h2, .sustainability h3 {
	text-align:center;
	font-size:25px;
	
}
	
.sustainability p {
	padding: 5px 10px;
	text-align:center;
	color:#000;
}
	

.sustainability p.description, .sustainability p.description2 {
	margin: 2px;
	padding: 2px;
	font-size: 16px;
	text-align:center;
}


p.button {
	display: block;
}
	
	



/*  PAGE TITLE STYLES  */
 

.sustainability h1.core { 
color: #589843;
font-size: 30px;
padding: 120px 0 0 0;
background: url("../images/sustainability/core-mobile.jpg") no-repeat scroll center #fff;
background-position: top;
height: 180px;
margin: 0;
}


.sustainability h1.futures { 
color: #589843;
font-size: 30px;
padding: 120px 0 0 0;
background: url("../images/sustainability/futures-mobile.jpg") no-repeat scroll center #fff;
background-position: top;
height: 180px;
margin: 0;
}

.sustainability h1.heroes { 
color: #589843;
font-size: 30px;
padding: 120px 0 0 0;
background: url("../images/sustainability/heroes-mobile.jpg") no-repeat scroll center #fff;
background-position: top;
height: 180px;
margin: 0;
}
	
	
	
.sustainability h1.case-study { 
color: #589843;
font-size: 30px;
padding: 0;
background-position: top;
margin: 0;
}



/*  BUTTON  */

.us .content a.button-nutrition {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 0;
    padding: 18px 25px 18px 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
	border-radius:20px;
}


}



</style>