/********* CSS RESET *********/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, select, article, aside, section, footer, address, nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {

  list-style-position: outside;
  
}
strong, b {
  font-weight: bold;
}
em {
  font-style: italic;
}
q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/*************************
BASIC STYLES
**************************/

body {
	background: #ffffff;
	font-family:  "Open Sans", serif;
	font-size: 15px;
	color: #666666;
}

a {
	font-family: "Open Sans", serif;
	text-decoration: none;
	color: #446CB3;
	color: #666666;
	font-size: 13px;
 }

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: "Pacifico", sans-serif;
	font-size: 47px;
	line-height: 51px;
	color: #0099cc;
	text-align: center;
	margin: 20px auto 35px;
	width: 310px;
}

h2 {
	font-size: 23px;
	line-height: 27px;
	font-family: "Arvo", serif;
	color: white;
	text-align: center;
	padding: 12px;
	margin-bottom: 20px;
}

h3 {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: underline;
	color: #666666;
	margin-left: 15px;
}

h4 {
	font-family: "Arvo", serif;
	font-size: 18px;
	line-height: 22px;
	text-decoration: underline;
	color: #666666;
	margin-bottom: 10px;
}

p {
	margin: 0 0 15px;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;
	line-height: 19px;
	text-align: center;
	color: #666666;
}

p a {
	font-size: 16px;
	line-height: 20px;
}

.select-only li {
	list-style-type: none;
	font-family: "Open Sans", Arial, sans-serif;
	color: #666666;
	font-size: 15px;
	line-height: 19px;
	margin: 5px 15px 5px 20px;
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding-left: 19px;
	background-size: 13px
}

.select-only a {
	font-size: 16px;
	line-height: 20px;
	color: #446CB3;
}

li.green-bullet {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/green_bullet.png');
}

li.red-bullet {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/red_bullet.png');
}

li.yellow-bullet {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/yellow_bullet.png');
}

.criteria-list li {
	list-style-type: none;
	margin: 5px 15px 5px 20px;
	background-repeat: no-repeat;
	background-position: 1px 3px;
	background-size: 15px;
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/neutral_bullet.png');

}

.criteria-list ul {
	padding-left: 40px;
}

.bold-no {
	font-family: "Arvo", serif;
	font-weight: 700;
	letter-spacing: 3px;
}

.hide-text {
	font-size: 0;
	text-indent: -9999px;
	text-transform: uppercase; // IE7 fix
}

.clear-fix { 
	clear: both;
}

a.glossary-style {
	color: #666666;
	font-size: 16px;
	text-decoration: underline;
	position: relative;
}

a.glossary-style:hover:after {
	font-size: 12px;
	position: absolute;
	width: 110px;
	padding: 2px;
	top: -16px;
	left: 0;
	content: "Click to learn more";
	text-align: center;
	background-color: #f8f8f8;
	border: 1px solid #cccccc;
}

.main-headline {
	font-weight: bold;
}

.how-we-criteria {
	margin-bottom: 90px;
}

/*************************
MOBILE
**************************/
.desktop-only, .tablet-only {
	display:none;
}

/**** NAV ****/
.spanish-mobile {
	font-size: 10px;
	float: right;
	margin-top: 22px;
}

.header .wrapper {
	width: 320px;
}

.header {
	background: #f8f8f8;
	border-bottom: 3px solid #CCCCCC;
}

.wrapper {
	width: 300px;
	margin: 0 auto;
	padding-top: 5px;
}

.gp-logo {
	width: 150px;
	height: 25px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/gp_logo.png') no-repeat top left;
	background-size: 140px auto;
	margin: 10px;
	border-right: 1.5px solid #666666;
	float: left;
}

.tsg-logo {
	width: 90px;
	height: 35px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/tsg_logo.png') no-repeat top left;
	background-size: auto 35px;
	margin-top: 5px;
	float: left;
}

.nav {
	display:none;
	float: right;
}

.nav li {
	margin-top: 8px;
	text-align: center;
	float: left;
	list-style-type: none;
	padding: 5px;
}

.take-button {
	background-color: #ff9900;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	font-family: "Open Sans", serif;
	font-size: 13px;
	text-decoration: none;
	padding: 2px 3px;
	border-style: none;
}

a.scroll-link:hover {
	text-decoration: none;
}

.menu {
	/*border-right: 1.5px solid #333366;*/
	padding: 0 5px 0 0;
}

.spanish-version {
	background-color: #a9a9a9;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px 5px;
	color: #fff;
}

.spanish-version:hover {
	text-decoration: none;
}

.fb-share {
	width: 15px;
	height: 15px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/facebook_logo.png') no-repeat;
	background-size: 15px 15px;
	float: left;
	padding: 0 0 0 0;
}

.tw-share {
	width: 15px;
	height: 15px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/twitter_logo.png') no-repeat;
	background-size: 15px 15px;
	float: left;
	padding: 0 0 0 0;
}

.pin-share {
	width: 15px;
	height: 15px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/pinterest_logo.png') no-repeat;
	background-size: 15px 15px;
	float: left;
	padding: 0 0 0 0;
}

.insta-share {
	width: 15px;
	height: 15px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/insta_logo.png') no-repeat;
	background-size: 15px 15px;
	float: left;
	padding: 0 0 0 0;
}

/**** HERO *****/
.hero-content {
	text-align: center;
}
.mobile-header-logo {
	width: 220px;
	height: auto;
	margin: 15px 0 10px;
}

.text-box {
	width: 280px;
	margin: 0 auto;
}

/**** RANKINGS ****/
.stacked-header {
	background-color: #ff9900;
	margin-bottom: 15px;
}

.rankings {
	background-color: #deeff7;
	padding-bottom: 30px;
}

/**** RANKING BOX ****/
.ranking-box-wrapper {
	width: 315px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}

.ranking-box {    
	background-color: #ffffff;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	width: 315px;
	height: 140px;
	margin: 0 auto 20px;
	left: 0;
	-moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
	-webkit-transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.ranking-box:hover {    
	cursor: pointer;
}

.ranking-box h2 {
	font-family: "Arvo", serif;
}

.ranking-box h2.select-only {
	margin-bottom: 13px;
	font-size: 25px;
}

.ranking-box .can-img {
	display: block;
	width: 173px;
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
	-moz-transition: width 0.2s;
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
}

.ranking-box a.can-nav {
	text-align: right;
	padding: 8px 8px 8px 0;
	margin-right: 25px;
	color: #446CB3;
}

.ranking-box p {
	text-align: left;
	margin: 10px 15px 15px;
}

.ranking-box .ocean-waves {
	background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/selected_waves_div.png');
	height: 20px;
}

.ranking-box .ocean-safe {
	background-color: #deeff7;
	margin-bottom: 15px;
}

.ocean-safe p, .brand-desc p {
	margin: 0px 15px;
	padding: 10px 0 15px;
}

p.ocean-text {
	margin-top: -23px;
}

.ranking-box .bullets {
	margin-bottom: 15px;
}

.ranking-box .brand-desc {
	background-color: #deeff7;
	padding: 5px 0;
}

.ranking-box .chicken-text {
	font-size: 13px;
}

/**** RANKING GREEN BOX ****/
.green-box {
	border-bottom: 10px solid #66cc00;
}

.green-box h2 {
	color: #66cc00;
}

.selected-can .green-box h2 {
	color: #ffffff;
	background-color: #66cc00;
}

/**** RANKING YELLOW BOX *****/
.yellow-box {
	border-bottom: 10px solid #ffcc33;
}

.yellow-box h2 {
	color: #ffcc33;
}

.selected-can .yellow-box h2 {
	color: #ffffff;
	background-color: #ffcc33;
}

/**** RANKING RED BOX *****/
.red-box {
	border-bottom: 10px solid #cc3300;
}

.red-box h2 {
	color: #cc3300;
}

.selected-can .red-box h2 {
	color: #ffffff;
	background-color: #cc3300;
}

/**** SELECTED CANS *****/
.select-only {
	display: none;
}

.selected-can .select-only {
	display: block;
}
.popped-can .select-off {
	display: none;
}

.popped-can .ranking-box {
	z-index: 100;
	border: 0;
	box-shadow: 0px 0px 15px #666666;
}
.selected-can .ranking-box {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	height: auto;
}
.selected-can .ranking-box:hover {
	cursor: arrow;
}

.selected-can .can-img {
	padding-top: 0px;
	margin-bottom: 10px;
}

/**** TAKE ACTION *****/
#takeaction {
	text-align: center;
	margin-bottom: 70px;
}

#takeaction h2 {
	background-color: #3399cc;
}

#takeaction p {
	font-size: 17px;
	line-height: 22px;
	width: 300px;
	margin: 25px auto;
}

.takeaction-button {
	background-color: #ff9900;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	font-family: "Open Sans", serif;
	font-size: 16px;
	text-decoration: none;
	padding: 5px 25px;
}

.take-text {
	margin-bottom: 50px;
}

a.takeaction-button:hover {
	text-decoration: none;
}

/**** FOOTER *****/
footer {
	height: 150;
	background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/footer_waves.png') repeat-x;
	padding-top: 60px;
	margin-bottom: 40px;
}

.wrapper-footer {
	width: 320px;
	margin: 0 auto;
}

.copyright {
	color: #66cc33;
	text-align: center;
	font-family: "Open Sans", serif;
	font-size: 15px;
	margin-bottom: 40px;
}

.links li {
	width: 160px;
	margin: 0 auto;
	text-align: center;
	float: left;
	list-style-type: none;
	margin-bottom: 25px;
}

#decode_footer {
	border-right: 1.5px solid #333366;
	padding-right: 30px;
	font-size: 15px;
}

#how_footer {
	font-size: 15px;
}

.privacy-policy {
	text-align: center;
}

.other-links li a {
	font-size: 15px;
	text-align: center;
}

.other-links li {
	margin: 7px 0;
	text-align: center;
}

.other-links li {
	list-style-type: none;
}

.share-title {
	font-size: 11px;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 7px;
}

.social-media-link {
	width: 116px;
	margin: 0 auto;
}

.social-media-link li {
	text-align: center;
	float: left;
	list-style-type: none;
}

.social-media {
	width: 25px;
	height: auto;
	margin-left: 20px;
}

.fb-share-footer {
	width: 25px;
	height: 25px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/facebook_logo.png') no-repeat;
	background-size: 25px 25px;
	float: left;
	margin: 0 20px 0 10px;
}

.tw-share-footer {
	width: 25px;
	height: 25px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/twitter_logo.png') no-repeat;
	background-size: 25px 25px;
	float: left;
	margin: 0 10px 0 0px;
}

.pin-share-footer {
	width: 25px;
	height: 25px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/pinterest_logo.png') no-repeat;
	background-size: 25px 25px;
	float: left;
}


.insta-share-footer {
	width: 25px;
	height: 25px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/insta_logo.png') no-repeat;
	background-size: 25px 25px;
	float: left;
}



/*** GLOSSARY ***/
#glossary-lightbox {
	display: none;
}

.lb-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .7;
	z-index: 100;
}

.popup-lb-overlay, .popup-action {
	display: none;
}

.popup-lb-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: .7;
	z-index: 100;
	cursor: pointer;
}

.popup-action {
	position: fixed;
	top: 10%;
	right: 20%;
	width: 60%;
	background: #FFFFFF;
	transition: top 1.0s, right 1.0s;
	z-index: 101;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.popup-action .x-close-popup {
	float: right;
	cursor: pointer;
}

.popup-action .can {
	background-color: #2562a9;
	background-color: #de0505;

	padding: 15px;
	margin: 10px;
}

.popup-action p {
	padding: 5px 15px 0;
}

.popup-action .x-header {
	background-color: #ccc;
	padding: 10px;
}

.popup-action a {
	background-color: #ff9900;
	padding: 4px 10px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	display: block;
	width:130px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin-bottom: 15px;
}

.popup-action a:hover {
	text-decoration: none;
}

.popup-action img {
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0 auto;
}

.popup-action h1 {
	width: 100%;
	font-family: "Arvo", sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin: 5px 0 10px;
	color: #FFF;
	text-align: center;
}

.lb-content-box {
	position: fixed;
	top: 100%;
	right: 0;
	height: 90%;
	background: #FFFFFF;
	transition: top 1.0s, right 1.0s;
	z-index: 101;
}
.visible-lightbox {
	top: 10%;
}

.glossary {
	width: 100%;
	border: 1px solid #666666;
}

.decode-can {
	background-color: #66cc00;
}

.decode-can h2 {
	margin-bottom: 10px;
}

.x-close-white {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/x_close.png');
	background-repeat: no-repeat;
	background-size: 20px;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: -50px;
	margin-right: -5px;
}

.x-close-gray {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/x_close_gray.png');
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 1;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: -25px;
	margin-right: -5px;
}

.x-close-gray-star {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/x_close_gray.png');
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 1;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: 8px;
	margin-right: -5px;
}

.x-close-white:hover, .x-close-gray:hover, .x-close-gray-star:hover {
	cursor: pointer;
}

.decode-header {
	border-bottom: 5px solid #ff9900;
	text-align: center;
}

.decode-header p {
	margin: 10px;
}

.glossary-contents {
	overflow: scroll;
	height: 280px;
}

.glossary-img {
	height: 40px;
	width: auto;
	float: left;
	margin-right: 10px;
}

.definition p {
	text-align: left;
	margin-bottom: 5px;
}

.term {
	padding: 10px;
}

.term:nth-child(odd) {
	background-color: #deeff7;
}

/*** HOW WE RANKED PAGE ***/
.how-we-ranked {
	border-bottom: 3px solid #ff9900;
	margin-bottom: 15px;
}

.how-we-ranked h2 {
	background-color: #3399cc;
	font-size: 26px;
	margin: 20px 0px 15px 0;
}

#how-desc {
	width: 280px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.how-we-list {
	border-bottom: 3px solid #cccccc;
}

.how-we-list p {
	text-align: left;
	width: 280px;
	margin: 10px auto 20px;
}

.how-we-list a {
	color: #666666;
	text-decoration: underline;
	font-size: 16px;
	line-height: 20px;
}

.how-we-list li {
	width: 280px;
	margin: 0 auto;
	padding: 0 0 15px 25px;
	list-style-type: none;
	font-size: 16px;
	line-height: 20px;
}

.how-we-facts {
	width: 320px;
	margin: 20px auto 30px;
}

.how-we-facts p {
	text-align: left;
	width: 250px;
	float: right;
}

.how-we-facts img {
	float: left;
	width: 50px;
	height: auto;
	margin: 0px 10px 0 0;
}

.how-we-facts {
	border-bottom: 2px solid #cccccc;
	margin-bottom: 20px;
}


/*************************
TABLET
**************************/
@media screen and (min-width: 670px) {
	.mobile-only {
		display: none;
	}

	.desktop-only, .tablet-only {
		display: block;
	}

	.wrapper, .header .wrapper {
		width: 670px;
	}

	h1 {
		text-align: left;
		margin: 0;
		width: 100%;
		margin-left: 10px;
	}

	.popup-action {
		position: fixed;
		top: 10%;
		right: 30%;
		width: 40%;
		background: #FFFFFF;
		transition: top 1.0s, right 1.0s;
		z-index: 101;
		box-shadow: 1px 1px 1px 1px #ccc;
	}

	.popup-action img {
		max-width: 280px;
		margin: 0 auto;
		display: block;
	}

	.popup-action a {
		font-size: 18px;
		width: 200px;
		padding: 10px;
	}
	/**** NAV *****/
	.nav {
		display: block;
	}

	.gp-logo {
		width: 130px;
		height: 25px;
		display: block;
		background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/gp_logo.png') no-repeat top left;
		background-size: 120px auto;
		margin: 10px;
		border-right: 1.5px solid #666666;
		float: left;
	}

	.tsg-logo {
		width: 80px;
		height: 30px;
		display: block;
		background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/tsg_logo.png') no-repeat top left;
		background-size: auto 30px;
		margin-top: 5px;
		float: left;
	}

	.social-icons {
		width: 75;
		float: right;
		margin: -7px 0 0px;
	}

	.nav li.share-title {
		margin-top: 10px;
	}

	/**** HERO *****/
	.hero-wrapper {
		display: block;
		/*background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/header_bg_tablet.png') repeat-x;*/
		margin-bottom: 10px;
	}

	.blue-line {
		margin-top: 80px;
		border-bottom: 5px solid #0099cc;
	}

	.hero-content {
		width: 700px;
		margin: -50px auto 30px;
	}

	.text-box {
		width: 410px;
		float: left;
		margin: 30px 0 0 20px;
	}

	.lede {
		font-size: 23px;
		text-align: left;
	}

	p {
		font-size: 16px;
		line-height: 21px;
	}

	p.header-desc {
		text-align: left;
	}

	.open-can {
		width: 220px;
		height: auto;
		float: right;
		margin-top: 25px;
		margin-right: 35px;
	}

	/*** SECTION HEADERS ***/
	.stacked-header h2, #takeaction h2, .decode-can h2 {
		font-size: 24px;
	}

	/**** RANKINGS *****/
	.rankings h2 {
		font-size: 25px;
	}

	.ranking-box p.verdict-text {
		width: 230px;
		float: right;
		margin: 10px 0;
	}

	.waves {
		background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/rankings_wave_div.png') repeat top left;
		height: 45px;
		width: auto;
	}

	.rankings-content {
		width: 620px;
		margin: 0 auto;
	}

	.ranking-box-wrapper {
		float: left;
		width: 310px;
		height: 160px;
		margin: 0;
	}

	.ranking-box {
		width: 285px;
		height: 140px;
		
	}

	.ranking-box:nth-child(odd) {
		margin-right: 20px;
	}

	.ranking-box  h2.select-only {
		font-size: 27px;
	}

	.ranking-box .chicken-text {
		font-size: 15px;
	}

	a.glossary-style {
		font-size: 17px;
	}

	.select-only li, a.inline-bullets {
		font-size: 17px;
		line-height: 21px;
	}
	
	/**** SELECTED CANS *****/
	.selected-can .ranking-box {
		width: 450px;
		height: auto;
		margin: 0;
		position: absolute;
	}

	.ranking-box-wrapper:nth-child(2n+1).selected-can .ranking-box {
	    left: 0;
	    right: auto;
	}
	.ranking-box-wrapper:nth-child(2n+0).selected-can .ranking-box {
		left: auto;
	    right: 0;
	}

	.selected-can .can-img {
		width: 210px;
		height: auto;
		padding: 10px;
		margin: 0 5px 10px;
		float: left;
	}

	/**** TAKE ACTION *****/
	#takeaction p {
		font-size: 17px;
		line-height: 21px;
		width: 450px;
	}

	.takeaction-button {
		background-color: #ff9900;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		color: #fff;
		font-family: "Open Sans", serif;
		font-size: 17px;
		text-decoration: none;
		padding: 10px 30px;
		margin-top: 30px;
	}

	/**** FOOTER *****/
	.wrapper-footer {
		width: 660px;
	}

	.copyright {
		float: left;
		margin-bottom: 0px;
	}

	.other-links {
		float: right;
	}

	.social-media-link {
		float: left;
		width: 160px;
		margin-top: -25px;
	}

	/*** GLOSSARY ***/
	h4 {
		font-size: 19px;
		line-height: 22px;
	}

	.lb-content-box {
		top: 0;
		right: -440px;
		height: 100%;
	}
	.visible-lightbox {
		right: 0;
	}

	.glossary {
		width: 440px;
	}

	.decode-header p {
		width: 420px;
		margin: 10px;
	}

	.glossary-contents {
		height: 400px;
	}

	.x-close {
		margin-top: -53px;
		margin-right: -5px;
	}

	/*** HOW WE RANKED PAGE ***/
	.how-we-ranked h2 {
		font-size: 32px;
	}

	.how-we-ranked {
		border-bottom: 3px solid #ff9900;
		margin-bottom: 20px;
	}

	#how-desc {
		width: 400px;
		margin: 20px auto;
		font-size: 18px;
	}

	.how-we-list p {
		width: 500px;
	}

	.how-we-list a {
		font-size: 17px;
		line-height: 21px;
	}

	.how-we-list li {
		width: 500px;
		font-size: 18px;
		line-height: 22px;
	}

	.how-we-facts {
		width: 500px;
	}

	.how-we-facts p {
		width: 420px;
		font-size: 18px;
	}

	.how-we-facts img {
		width: 60px;
	}

	.other-links li {
		text-align: right;
	}

	.other-links li a {
		font-size: 15px;
		text-align: right;
	}
}

/*************************
DESKTOP STYLES
**************************/
@media only screen and (min-width: 980px) {
	.wrapper, .header .wrapper {
		width: 98%;
		max-width: 1200px;
	}

	.nav li.share-title {
		margin-left: 10px;
		margin-top: 13px;
	}

	.tablet-only {
		display: none;
	}

	/**** NAV ****/
	.spanish-line {
		border-right: 1px solid #a9a9a9;
	}

	.spanish-version {
		margin-right: 10px;
	}

	.nav {
		margin-top: 2px;
	}

	.gp-logo {
		width: 150px;
		height: 25px;
		display: block;
		background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/gp_logo.png') no-repeat top left;
		background-size: 140px auto;
		margin: 10px;
		border-right: 1px solid #a9a9a9;
		float: left;
	}

	.tsg-logo {
		width: 90px;
		height: 35px;
		display: block;
		background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/tsg_logo.png') no-repeat top left;
		background-size: auto 35px;
		margin-top: 5px;
		float: left;
	}

	.fb-share {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		margin-top: 0px;
	}

	.tw-share {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		margin-left: 0px;
		margin-top: 0px;
	}

	.pin-share, .insta-share {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		margin-top: 0px;
	}

	a {
		font-size: 15px;
	}

	.take-button {
		background-color: #ff9900;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		color: #fff;
		font-family: "Open Sans", serif;
		font-size: 15px;
		text-decoration: none;
		padding: 2px 5px;
		border-style: none;
	}

	.social-icons {
		margin: -3px 0 0px;
	}

	.blue-line {
		margin-top: 100px;
	}

	/**** HERO *****/
	.hero-wrapper {
		/*background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/header_bg.png') repeat-x;*/
		margin-bottom: 0px;
	}

	.hero-content {
		width: 970px;
		margin: -60px auto 30px;
	}

	.text-box {
		width: 680px;
		float: left;
		margin: 35px 0 0 20px;
	}

	h1 {
		font-size: 70px;
	}

	.lede {
		font-size: 33px;
		text-align: left;
		margin-bottom: 20px;
	}

	p, p a, .select-only a {
		font-size: 19px;
		line-height: 24px;
	}

	p.header-desc {
		text-align: left;
	}

	.open-can {
		width: 270px;
		height: auto;
		float: right;
		margin-top: 0px;
		margin-right: 0px;
	}

	/*** SECTION HEADERS ***/
	.stacked-header h2, #takeaction h2, .decode-can h2 {
		font-size: 27px;
	}

	/**** RANKINGS *****/
	.rankings-content {
		width: 930px;
		margin: 0 auto;
	}

	.ranking-box h2.select-only {
		font-size: 31px;
	}

	.ranking-box h3 {
		font-size: 20px;
	}

	.ranking-box:nth-child(odd) {
		margin: 0 auto;
	}


	.ranking-box p.verdict-text {
		width: 270px;
	}

	.ranking-box li {
		font-size: 19px;
		line-height: 24px;
		background-position: 1px 3px;
		padding-left: 24px;
		background-size: 15px
	}

	.ranking-box li a {
		font-size: 19px;
		line-height: 24px;
	}

	a.inline-bullets {
		font-size: 19px;
		line-height: 24px;
	}
	
	.ranking-box .verdict {
		margin: 5px;
	}

	a.glossary-style {
		font-size: 20px;
	}

	/**** SELECTED CANS *****/
	.selected-can .ranking-box {
		width: 560px;
		height: auto;
	}

	.ranking-box-wrapper:nth-child(3n+1).selected-can .ranking-box {
	    left: 0;
	    right: auto;
	}
	.ranking-box-wrapper:nth-child(3n+2).selected-can .ranking-box {
	    left: 50%;
	    right: auto;
	    margin-left: -280px;
	}
	.ranking-box-wrapper:nth-child(3n+3).selected-can .ranking-box {
		left: auto;
	    right: 0;
	}

	.selected-can .can-img {
		width: 275px;
		height: auto;
		padding-right: 10px;
	}
	
	/*** TAKE ACTION ***/
	#takeaction p {
		font-size: 20px;
		line-height: 25px;
		width: 550px;
		margin: 30px auto;
	}

	.takeaction-button {
		background-color: #ff9900;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		color: #fff;
		font-family: "Open Sans", serif;
		font-size: 20px;
		text-decoration: none;
		padding: 10px 30px;
		margin-top: 30px;
	}

	/*** FOOTER ***/
	.wrapper-footer {
		width: 980px;
	}

	.links li {
		width: 165px;
	}

	.wrapper-footer a, .copyright {
		font-size: 17px;
	}

	/*** GLOSSARY ***/
	h4 {
		font-size: 21px;
		line-height: 24px;
	}

	.lb-content-box {
		right: -500px;
	}
	.visible-lightbox {
		right: 0;
	}

	.glossary {
		width: 500px;
	}

	.decode-header p {
		width: 470px;
		margin: 10px;
	}

	.glossary-contents {
		height: 560px;
	}

	.x-close {
		margin-top: -55px;
		margin-right: -5px;
	}

	/*** HOW WE RANKED PAGE ***/
	.how-we-ranked h2 {
		font-size: 36px;
	}

	.how-we-ranked {
		border-bottom: 3px solid #ff9900;
		margin-bottom: 30px;
	}

	#how-desc {
		width: 550px;
		margin: 30px auto;
		font-size: 20px;
	}

	.how-we-list a {
		font-size: 19px;
		line-height: 24px;
	}

	.how-we-list p {
		width: 700px;
	}

	.how-we-list {
		margin-bottom: 30px;
		padding-bottom: 10px;
	}

	.how-we-list li {
		width: 700px;
		font-size: 20px;
		line-height: 24px;
	}

	.how-we-facts {
		width: 700px;
		margin: 30px auto 30px;
	}

	.how-we-facts p {
		width: 620px;
		font-size: 20px;
	}

	.answer p {
		margin-bottom: 25px;
	}
}



/*** LT-IE9 STYLES***/
.lt-ie9 .gp-logo {
	width: 150px;
	height: 20px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/gp_logo_ie.png');
	margin: 10px;
	border-right: 1px solid #a9a9a9;
	float: left;
}

.lt-ie9 .tsg-logo {
	width: 90px;
	height: 35px;
	display: block;
	background: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/tsg_logo_ie.png') no-repeat top left;
	background-size: 100%;
	margin-top: 5px;
	float: left;
}

.lt-ie9	.desktop-only {
	display: block;
}

.lt-ie9 .mobile-only {
	display: none;
}

.lt-ie9 .wrapper {
	width: 660px;
}
/**** NAV *****/
.lt-ie9 .nav {
	display: block;
}

/**** HERO *****/
.lt-ie9 .hero-wrapper {
	display: block;
	background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/header_bg_tablet.png') repeat-x;
	margin-bottom: 30px;
}

.lt-ie9 .hero-content {
	width: 650px;
	margin: 45px auto 30px;
}

.lt-ie9 .text-box {
	width: 400px;
	float: left;
	margin: 40px 0 0 20px;
}

.lt-ie9 .lede {
	font-size: 26px;
	text-align: left;
}

.lt-ie9 p {
	font-size: 17px;
	line-height: 21px;
}

.lt-ie9 p.header-desc {
	text-align: left;
}

.lt-ie9 .open-can {
	width: 220px;
	height: auto;
	float: right;
	margin-top: -20px;
}

/*** SECTION HEADERS ***/
.lt-ie9 .stacked-header h2, #takeaction h2, .decode-can h2 {
	font-size: 24px;
}

/**** RANKINGS *****/
.lt-ie9 .rankings h2 {
	font-size: 23px;
}

.lt-ie9 .waves {
	background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/rankings_wave_div.png') repeat top left;
	height: 45px;
	width: auto;
}

.lt-ie9 .rankings-content {
	width: 560px;
	margin: 0 auto;
}

.lt-ie9 .ranking-box-wrapper {
	float: left;
	width: 280px;
	height: 160px;
	margin: 0;
}

.lt-ie9 .ranking-box {
	width: 260px;
	height: 140px;
	margin: 10px;
}

.lt-ie9 .ranking-box  h2.select-only {
	font-size: 27px;
}

.lt-ie9 li.green-bullet {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/green_bullet_ie.png');
}

.lt-ie9 li.red-bullet {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/red_bullet_ie.png');
}

.lt-ie9 li.neutral-bullet {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/yellow_bullet_ie.png');
}

.lt-ie9 .ranking-box .chicken-text {
	font-size: 12px;
}

.lt-ie9 a.glossary-style {
	font-size: 17px;
}

/**** SELECTED CANS *****/
.lt-ie9 .selected-can .ranking-box {
	width: 450px;
	height: auto;
	margin: 0;
	position: absolute;
	border: 1px solid #666666;
}

.lt-ie9 .ranking-box-wrapper:nth-child(2n+1).selected-can .ranking-box {
    left: 0;
    right: auto;
}
.lt-ie9 .ranking-box-wrapper:nth-child(2n+0).selected-can .ranking-box {
	left: auto;
    right: 0;
}

.lt-ie9 .selected-can .can-img {
	width: 230px;
	height: auto;
	padding-top: 0px;
	margin: 0 0 10px 10px;
	float: left;
}

/**** TAKE ACTION *****/
.lt-ie9 #takeaction p {
	font-size: 17px;
	line-height: 21px;
	width: 400px;
	margin: 30px auto 40px;
}

.lt-ie9 .takeaction-button {
	background-color: #ff9900;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	font-family: "Open Sans", serif;
	font-size: 17px;
	text-decoration: none;
	padding: 10px 30px;
}

/**** FOOTER *****/
.lt-ie9 .wrapper-footer {
	height: 150;
	background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/footer_waves.png') repeat;
	padding-top: 60px;
	margin-bottom: 40px;
}

.lt-ie9 .copyright {
	float: left;
}

.lt-ie9 .links {
	float: right;
}

/*** GLOSSARY ***/
.lt-ie9 .lb-content-box {
	top: 0;
	right: -440px;
	height: 100%;
}

.lt-ie9 .visible-lightbox {
	right: 0;
}

.lt-ie9 .glossary {
	width: 440px;
}

.lt-ie9 .decode-header p {
	width: 420px;
	margin: 10px;
}

.lt-ie9 .glossary-contents {
	height: 400px;
}

.lt-ie9 .x-close-white {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/x_close_ie.png');
	background-repeat: no-repeat;
	background-size: 20px;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: -50px;
	margin-right: -5px;
}

.lt-ie9 .x-close-gray {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/x_close_gray_ie.png');
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 1;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: -25px;
	margin-right: -5px;
}

.lt-ie9 .x-close-gray-star {
	background-image: url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/x_close_gray.png');
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 1;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: 8px;
	margin-right: -5px;
}

/*** HOW WE RANKED PAGE ***/
.lt-ie9 .how-we-ranked h2 {
	font-size: 32px;
}

.lt-ie9 .how-we-ranked {
	border-bottom: 3px solid #ff9900;
	margin-bottom: 20px;
}

.lt-ie9 #how-desc {
	width: 400px;
	margin: 20px auto;
	font-size: 18px;
}

.lt-ie9 .how-we-list a {
	font-size: 18px;
	line-height: 22px;
}

.lt-ie9 .how-we-list li {
	width: 500px;
	padding-bottom: 20px;
}

.lt-ie9 .how-we-facts {
	width: 500px;
}

.lt-ie9 .how-we-facts p {
	width: 410px;
	font-size: 18px;
}

.lt-ie9 .how-we-facts img {
	width: 60px;
}

.lt-ie9 .wrapper {
	width: 980px;
}

/**** HERO *****/
.lt-ie9 .hero-wrapper {
	background: #ffffff url('http://www.greenpeace.org/usa/wp-content/uploads/2017/04/header_bg.png') repeat-x;
	margin-bottom: 20px;
}

.lt-ie9 .hero-content {
	width: 900px;
	margin: 45px auto 30px;
}

.lt-ie9 .text-box {
	width: 500px;
	float: left;
	margin: 40px 0 0 30px;
}

.lt-ie9 h1 {
	font-size: 70px;
}

.lt-ie9 .lede {
	font-size: 33px;
	text-align: left;
	margin-bottom: 30px;
}

.lt-ie9 p {
	font-size: 20px;
	line-height: 26px;
}

.lt-ie9 p.header-desc {
	text-align: left;
}

.lt-ie9 .open-can {
	width: 270px;
	height: auto;
	float: right;
	margin-top: -20px;
}

/*** SECTION HEADERS ***/
.lt-ie9 .stacked-header h2, #takeaction h2, .decode-can h2 {
	font-size: 27px;
}

/**** RANKINGS *****/
.lt-ie9 .rankings-content {
	width: 840px;
	margin: 0 auto;
}

.lt-ie9 .ranking-box h2.select-only {
	font-size: 31px;
}

.lt-ie9 .ranking-box h3 {
	font-size: 20px;
}

.lt-ie9 .ranking-box li {
	font-size: 20px;
	line-height: 24px;
	background-position: 1px 3px;
	padding-left: 24px;
	background-size: 15px
}

.lt-ie9 .ranking-box .verdict {
	margin: 5px;
}

.lt-ie9 a.glossary-style {
	font-size: 20px;
}

/**** SELECTED CANS *****/
.lt-ie9 .selected-can .ranking-box {
	width: 560px;
	height: auto;
}

.lt-ie9 .ranking-box-wrapper:nth-child(3n+1).selected-can .ranking-box {
    left: 0;
    right: auto;
}

.lt-ie9 .ranking-box-wrapper:nth-child(3n+2).selected-can .ranking-box {
    left: 50%;
    right: auto;
    margin-left: -280px;
}

.lt-ie9 .ranking-box-wrapper:nth-child(3n+3).selected-can .ranking-box {
	left: auto;
    right: 0;
}

.lt-ie9 .selected-can .can-img {
	width: 275px;
	height: auto;
}


/*** TAKE ACTION ***/
.lt-ie9 #takeaction p {
	font-size: 20px;
	line-height: 25px;
	width: 450px;
	margin: 30px auto 50px;
}

.lt-ie9 .takeaction-button {
	background-color: #ff9900;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	font-family: "Open Sans", serif;
	font-size: 20px;
	text-decoration: none;
	padding: 10px 30px;
}

/*** GLOSSARY ***/
.lt-ie9 .lb-content-box {
	right: -500px;
}

.lt-ie9 .visible-lightbox {
	right: 0;
}

.lt-ie9 .glossary {
	width: 500px;
}

.lt-ie9 .decode-header p {
	width: 470px;
	margin: 10px;
}

.lt-ie9 .glossary-contents {
	height: 560px;
}

.lt-ie9 .x-close {
	margin-top: -55px;
	margin-right: 10px;
}

/*** HOW WE RANKED PAGE ***/
.lt-ie9 .how-we-ranked h2 {
	font-size: 36px;
}

.lt-ie9 .how-we-ranked {
	border-bottom: 3px solid #ff9900;
	margin-bottom: 30px;
}

.lt-ie9 #how-desc {
	width: 550px;
	margin: 30px auto;
	font-size: 20px;
}

.lt-ie9 .how-we-list a {
	font-size: 20px;
	line-height: 24px;
}

.lt-ie9 .how-we-list {
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.lt-ie9 .how-we-list li {
	width: 700px;
}

.lt-ie9 .how-we-facts {
	width: 700px;
	margin: 30px auto 30px;
}

.lt-ie9 .how-we-facts p {
	width: 620px;
	font-size: 20px;
}

.lt-ie9 .answer p {
	margin-bottom: 25px;
}

.lt-ie9 .social-media-header {
	width: 20px;
	height: auto;
	margin: 0px;
}

.lt-ie9 .social-one {
	margin-left: 15px;
}