/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Main Styles
================================================== */
body {
	position: relative;
	overflow-x: hidden;
	color: #fff;
	background: #123e54 url(/images/gradient.jpg) repeat-x;
	font-size: 15px;
	font-family: 'Source Sans Pro', sans-serif;
}
a {
	color: #fff;	
	text-decoration: none;
}
	a:hover {color: #f1c56a !important;}
header {
	position: relative;
	z-index: 10;
	max-height: 99px;
	margin-bottom: 80px;
	padding-top: 70px;
	background-color: #68abbf;
}
	#headerBar {
		position: absolute;
		width: 100%;
	}
	#headerBar .header {
		height: 101px;
		width: 50%;
		float: left;
	}
		#headerBar .left {background-color: #4483a1;}
		#headerBar .right {background-color: #115069;}
h1 {
	display: inline-block;
	vertical-align: top;
	max-height: 63px;
	margin-top: -6px;
	padding: 23px 33px 14px 35px;
	background-color: #115069;
	box-shadow: -1px 3px 5px 0px rgba(41, 90, 109, 0.38);
}
	h1 a {
		display: block;
		height: 208px;
		margin-top: -48px;
		padding-top: 40px;
		padding-left: 149px;
		line-height: 1.2em;
		text-transform: uppercase;
		font-size: 1.2em;
		font-family: 'Playfair Display', serif;
		background: url(/images/logo.png) no-repeat;
		background-size: 144px auto;
	}
h2 {
	display: block;
	margin-bottom: 45px;
	line-height: 1.3em;
	color: #acdedf;
	font-size: 2.267em;
	font-weight: 900;
	font-family: 'Playfair Display', serif;
	text-shadow: 1px 2px 4px rgba(41, 89, 109, 0.6);
	-webkit-font-smoothing: antialiased;
}
	h2 strong {
		display: block;
		color: #fff;
		margin-bottom: 22px;
		line-height: 1em;
		font-size: 1.5em;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
	}
h3 {
	margin: 40px 0 27px 0;
	font-size: 1.733em;
	font-family: 'Playfair Display', serif;	
}
p {
	line-height: 2em;
	color: #acdedf;
}
	p strong {
		color: #fff;
		font-size: 1.4em;
	}
/* Navigation Styles
================================================== */
#mmenu {display: none;}
header nav {display: inline-block;}
	header nav li {
		display: inline-block;
		padding: 0 20px;
		margin-left: -3px;
		vertical-align: top;
	}
	header nav a {
		display: block;
		padding: 18px 0 17px;
		text-align: center;
		font-weight: 900;
		-webkit-font-smoothing: antialiased;
	}
	header nav a.here {color: #f1c56a;}
	header nav .first {background-color: #4483a1;}
		header nav .first a:first-child {border-bottom: 1px solid #2d6f8e;}
	header nav .second {background-color: #2d6f8e;}
		header nav .second a:first-child {border-bottom: 1px solid #4483a1;}
	header nav .third {background-color: #20617f;}
		header nav .third a:first-child {border-bottom: 1px solid #4483a1;}
	header nav .fourth {
		width: 150px;
		height: 105px;
		padding: 0;
		vertical-align: top;
		background: url(/images/navMap.png) no-repeat;
	}
		header nav .fourth a {
			width: 100%;
			height: 100%;
			padding: 0;
			text-align: left;
			line-height: 1.3em;
			font-weight: 400;
			font-family: 'Playfair Display', serif;
		}
			header nav .fourth a span {
				display: inline-block;
				margin: 10px 0 0 18px;
			}
/* Main Content Styles
================================================== */
#waveContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(/images/wave.png);
	background-size: 23px 12px;
}
main {
	float: right !important;
}
	main p {
		margin-bottom: 15px;
		padding-right: 15px;
		font-size: 1.067em;
	}
	main ul {
		margin-top: 25px;
		padding-left: 15px;
		padding-right: 15px;
		line-height: 2em;
		color: #acdedf;	
	}
	main ul li {
		list-style-image: url(/images/listStar.png);	
	}
#continue {margin-top: 36px;}
	#continue a {
		display: inline-block;
		padding: 8px 0 8px 35px;
		color: #32aacb;
		font-weight: 900;
		font-family: 'Playfair Display', serif;
		background: url(/images/arrow.png) no-repeat;
	}
		#continue a strong {
			display:  block;
			color: #acdedf;
			font-weight: 400;
			font-size: 1.2em;
		}
		#continue a:hover strong {color: #f1c56a;}
aside {
	width: 435px !important;
	margin-top: 150px;
	margin-left: -85px !important;
	text-align: center;
	background: url(/images/factFish.png) no-repeat;
}
	aside h3 {
		margin: 0 0 20px 0;
		font-size: 1.4em;
		font-weight: 900;
		font-style: italic;
		font-family: 'Playfair Display', serif;
		color: #affafc;
	}
	aside h4 {
		padding-bottom: 14px;
		font-size: 2em;
		font-weight: 900;
		font-family: 'Playfair Display', serif;
		border-left: 1px solid #4e7891;
		border-right: 1px solid #4e7891;
	}
		aside h4 span {
			display: block;
			font-size: 0.6em;
			background: url(/images/asideAmp.png) no-repeat center center;	
		}
	aside p {
		padding: 0 8px;
		line-height: 1.5em;
		font-size: 0.933em;
		border-left: 1px solid #4e7891;
		border-right: 1px solid #4e7891;
	}
	.home aside p {
		padding-bottom: 20px;
		background: url(/images/asideWave.png) no-repeat center bottom;
	}
	.gulf aside p {
		padding-bottom: 50px;
		background: url(/images/asideFish.png) no-repeat center bottom;
	}
#asideContainer {
	max-width: 205px;
	margin: 0 auto;
	padding: 25px 0 25px 65px;
}
#linkContainer {
	margin-top: 50px;
	padding-top: 15px;
	padding-bottom: 1px;
	border-left: 1px solid #4e7891;
}
	#linkContainer a {
		display: block;
		width: 228px;
		height: auto;
		padding: 7px 0 14px 20px;
		margin-top: 0;
		margin-bottom: 15px;
		text-transform: uppercase;
		text-align: left;
		font-size: 1.2em;
		font-weight: 900;
		color: #fff;
		background: url(/images/footerLink.png) no-repeat;	
	}
/* Home Page Styles
================================================== */
.home h2 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 1.833em;	
}
	.home h2 strong {font-size: 1.964em;}
/* Gulf Page Styles
================================================== */
.gulf aside a {
	position: relative;
	display: block;
	width: 162px;
	height: 191px;
	margin: 30px auto 0 auto;
	color: #a9cecf;
	font-size: 0.933em;
	background: url(/images/gulfMap.png) no-repeat;	
}
	.gulf aside a span {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		margin-right: 9px;
		max-width: 65px;
		text-align: center;
	}
		.gulf aside a span strong {
			display: block;
			margin-bottom: 25px;
			color: #fff;
			font-size: 1.5em;
			font-weight: 900;
			font-family: 'Playfair Display', serif;
		}
			.gulf aside a:hover span strong {color: #f1c56a;}
			.gulf aside a span strong em {font-size: 1.286em;}
			.gulf aside a span strong em b {font-size: 1.667em;}
/* Reef Page Styles 
================================================== */
.reef h2 strong {font-size: 1em;}
#tabs > ul {
	padding-left: 0;
	padding-right: 0;
}
	#tabs > ul > li {
		display: inline-block;
		max-width: 160px;
		padding: 10px 0 8px 20px;
		font-weight: 900;
		color: #FDD583;
		line-height: 1.3em;
		list-style-image: none;
		cursor: pointer;
		-webkit-font-smoothing: antialiased;
	}
#tabHeader_1, #tabPage_1 {background-color: #308c94;}
#tabHeader_2, #tabPage_2 {background-color: #217790;}
#tabHeader_3, #tabPage_3 {background-color: #0c5d7e;}
.tabPage {
	max-width: 526px;
	padding: 25px 20px 30px 0;
}
	.tabPage * {color: #FDD583;}
	.tabPage img {
		float: left;
		margin: 5px 20px;		
	}
	.tabPage p {
		padding-left: 20px;
		line-height: 1.3em;
	}
	.tabPage ul {
		margin-top: 20px;
		margin-bottom: 30px;
		padding-left: 35px;
		line-height: 1.5em;
	} 
	#tabPage_1 li, #tabPage_2 li {list-style-image: url(/images/listStar_darker.png);}
	.tabPage a {
		display: inline-block;
		min-width: 380px;
		padding: 8px 0 12px 17px;
		text-transform: uppercase;
		font-weight: 900;
		font-size: 0.867em;
	}
		#tabPage_1 a {background: url(/images/tabLink_1.png) no-repeat;}
		#tabPage_2 a {background: url(/images/tabLink_2.png) no-repeat;}
		#tabPage_3 a {background: url(/images/tabLink_3.png) no-repeat;}
	.tabPage .nextPage {
		display: inline-block;
		margin-top: 16px;
		margin-left: 22px;
		padding: 3px 0 4px 20px;
		font-family: 'Playfair Display', serif;
		background-image: url(/images/tabContinue.png);
		background-repeat: no-repeat;
		cursor: pointer;
	}
		#nextPage_1 {background-position: 0 top;}
		#nextPage_2 {background-position: 0 bottom;}
.reef aside {
	position: relative;
	background: none;
}
.reef #asideContainer {
	position: absolute;
	right: 0;
	max-width: 312px;
	padding: 0;
}
	.reef aside h4 {
		font-size: 1.6em;
		border: none;
	}
	.reef aside hr {
		width: 40px;
		margin: 0 auto 20px auto;
		border-color: #a9cecf;	
	}
#aside_1 img, #aside_2 img {padding-bottom: 18px;}
#aside_3 img {padding-bottom: 14px;}
/* Ecological Impact Page Styles
================================================== */
.ecological aside {background-image: url(/images/asideEcol.png);}
	.ecological #asideContainer {padding-bottom: 66px;}
	.ecological aside h3 ~ h3 {margin-top: 145px;}
	.ecological aside h4 {
		padding-bottom: 20px;
		background: url(/images/h4Line.png) no-repeat center bottom;
	}
.ecological aside p {padding-top: 15px;}
/* Economic Impact Page Styles
================================================== */
.economic aside {
	margin-top: 60px;
	background-position: 0 75px;
	background-image: url(/images/asideEcon.png);
}
	.economic #asideContainer {padding-bottom: 0;}
	.economic aside h3 ~ h3 {margin-top: 50px;}
	.economic aside h4 {
		font-size: 3.133em;
		padding-bottom: 20px;
		background: url(/images/h4Line.png) no-repeat center bottom;
	}
	.economic aside p {padding-top: 15px;}
	.economic aside h4 ~ h4 {
		margin-top: -42px;
		font-size: 7em;	
	}
		.economic aside h4 ~ h4 span {
			display: inline-block;
			width: 60px;
			height: 64px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background: url(/images/percentHook.png) no-repeat;
		}
/* Support Page Styles
================================================== */
.support form {margin-top: 35px;}
	.support input {display: block;}
		.support input:focus {
			outline: 2px solid #f06600;
		}
	.support input[type=text], .support input[type=email] {
		min-width: 257px;
		padding: 16px 19px;
		margin: 10px 0;
		font-size: 15px;
		border: none;
		background-color: #9ee6eb;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	
	}
		.support input::-webkit-input-placeholder {
			color: #295a6d;
			font-size: 15px;
		}
		.support input:-moz-input-placeholder {
			color: #295a6d;
			font-size: 15px;
		}
		.support input::-moz-input-placeholder {
			color: #295a6d;
			font-size: 15px;
		}
		.support input:-ms-input-placeholder {
			color: #295a6d;
			font-size: 15px;
		}
	.support input[type=submit] {
		margin-top: 30px;
		padding: 6px 34px 14px 22px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 900;
		font-size: 1.1em;
		border: none;
		background: url(/images/footerLink.png) no-repeat top right;
		cursor: pointer;		
	}
		.support input[type=submit]:hover, .support input[type=submit]:focus {
			color: #f1c56a;
			outline: none;
		}

.support aside {
	margin-top: 60px;
	text-align: left;
	background-image: url(/images/asideSupport.png);
	background-position: 122px 73px;
}
	.support aside h3 {
		margin-bottom: 10px;
		line-height: 1.3em;
	}
	.support aside p {
		padding-right: 10px;
		color: #fff;
		font-size: 1em;
		font-weight: 900;
		border: none;
		-webkit-font-smoothing: antialiased;
	}
	.support aside ul {margin: 10px 10px 20px 10px;}
		.support aside ul li {
			margin: 5px 0;
			color: #a9cecf;
			font-size: 0.867em;
			line-height: 1.3em;
			list-style-image: url(/images/listStar.png);	
		}
/* Resources Page Styles
================================================== */
.resources aside {
	background-image: url(/images/asideResource.png);
	background-position: right top;
}
	.resources #asideContainer {padding-top: 110px;}
.resources ol {
	list-style: decimal;
	padding-left: 25px;
	padding-right: 15px;
	line-height: 1.2em;	
}
	.resources ol li {margin: 10px 0;}
.resources p strong a {color: #f1c56a;}
.resources h3 {margin-bottom: 15px;}
.resources h3 + ul {
	margin-top: 0;
	margin-left: 11px;
}
/* Map Page Styles
================================================== */
body.map, div.mm-page {height: 100%;}
#titleLegend {
	position: absolute;
	top: 40%;
	left: 5%;	
}
	#titleLegend h2 {color: #fff;}
	#titleLegend p {
		max-width: 163px;
		padding: 6px 0 6px 42px;
		color: #fff;
		background: url(/images/mapLegend.png) no-repeat;	
	}
		#titleLegend #in {
			background-color: #0d6c90;
			background-position: 10px 8px ;
		}
		#titleLegend #near {
			color: #20617f;
			background-color: #a7e361;
			background-position: 10px -33px;
		}
		#titleLegend #off {
			background-color: #5b9a91;
			background-position: 10px -74px;
		}
.map iframe {
	height: 90%;
	width: 100%;
	border: none;	
}
.map header {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
.map h1 a {max-height: 92px;}
.map .fourth {max-height: 101px}
.map .fourth a {max-height: 70px;} 
.map header nav .fourth {
	background-image: none;
	background-color: #2d6f8e;	
}
	.map header nav .fourth a {
		padding-top: 30px;
		padding-left: 8px;
		font-size: 0.8em;
		font-family: 'Source Sans Pro', sans-serif;
		text-indent: 23px;	
	}
	.map header nav .fourth a strong {
		display: block;	
		padding-left: 23px;
		font-weight: 900;
		text-indent: 0;
		background: url(/images/mapLink.png) no-repeat center left;
	}
.map #waveContainer {
	height: auto;
	margin-top: -80px;
}
/* Footer Styles
================================================== */
footer {
	clear: both;
	margin-top: 75px;
	padding-bottom: 20px;
	border-top: 1px solid #1e4c61;
}
	footer > div > div{
		display: inline-block;
		width: 33%;
		min-height: 110px;
		vertical-align: top;
		padding-top: 20px;
		border-left: 1px solid #1e4c61;
	}
		footer div div p {
			padding-left: 20px;
			margin-bottom: 10px;
			color: #2aa4cb;
			line-height: 1.5em;
			font-family: 'Playfair Display', serif;
		}
			footer div div p strong {
				display: block;
				color: #93c3c4;
				font-size: 1.333em;	
			}
		footer a.pdf {
			display: block;
			width: 228px;
			padding: 7px 0 14px 20px;
			text-transform: uppercase;
			font-size: 1.2em;
			font-weight: 900;
			background: url(/images/footerLink.png) no-repeat;	
		}
	footer #social {
		width: 100%;
		margin-bottom: 20px;
	}
		footer #social p {
			display: inline-block;
			vertical-align: middle;
			width: 124px;
			margin-right: 7px;
			padding: 1px 0 5px 15px;
			text-transform: uppercase;
			font-size: 0.8em;
			font-weight: 900;
			font-family: 'Source Sans Pro', sans-serif;
			background: url(/images/sharePlan.png) no-repeat;	
		}
		footer .addthis_sharing_toolbox {display: inline-block;}
		footer .addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
			display: inline-block;
			width: 20px !important;
			height: 20px !important;
			margin: 0 7px;
			background-image: url(/images/socialSprite.png);
			background-size: 40px;	
		}
			/*footer .addthis_32x32_style .at15t_facebook {background-position: 0 0 !important;}
				footer .addthis_32x32_style .at15t_facebook:hover {background-position: right 0 !important;}
			footer .addthis_32x32_style .at15t_twitter {background-position: 0 -20px !important;}
				footer .addthis_32x32_style .at15t_twitter:hover {background-position: right -20px !important;}
			footer .addthis_32x32_style .at15t_email {background-position: 0 -60px !important;}
				footer .addthis_32x32_style .at15t_email:hover {background-position: right -60px !important;}*/
		footer address {
			margin-bottom: 8px;
			margin-left: 15px;
		}
		footer #social ~ a {margin-left: 15px;}
		footer a[href^="mailto"] {
			margin-left: 2px !important;
			color: #82c5d0;
			text-decoration: underline;	
		}
	footer small {
		position: relative;
		z-index: 15;
		display: block;
		margin-bottom: 20px;
		padding: 10px 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.667em;
		color: #478ba6;
		background-color: #0e354d;
	}
/* #IE 8 styles
================================================== */
.ie8 #waveContainer {background-image: url(/images/wave_smaller.png);}
.ie8 header nav ul li {padding: 0 20px;}
	.ie8 nav ul li.fourth {padding: 0;}
.ie8 footer #social a {background-image: url(/images/socialSprite_smaller.png);}
/* #Media Queries
================================================== */
@media only screen and (max-width: 959px) {
	header {margin-bottom: 115px;}
	header nav ul {max-width: 380px;}
		header nav li {
			height: 101px;
			width: 100%;
			max-width: 50%;
			padding: 0;
		}
			header nav li a {
				display: table;
				height: 50%;
				width: 85%;
				margin: 0 auto;
				padding-top: 0;
				padding-bottom: 0;	
			}
			header nav li a span {
				display: table-cell;
				vertical-align: middle;	
			}
		header nav .fourth {
			height: 101px;
			width: 100%;
			max-width: 50%;
			background-color: #1e3d45;	
		}
	.map header .container nav ul {display: none;}
	.map #headerBar .left {background-color: #115069;}
	.map #mmenu {
		display: block;
		padding: 43px 40px;
		text-align: center;
		text-transform: uppercase;
		background-color: #2D6F8E;
	}
	
	#tabs > ul > li {
		max-width: 140px;
		padding-left: 10px;	
	}
	.tabPage {max-width: 436px;}
	aside {
		width: 362px !important;
		margin-left: -96px !important;
		background-position: top right;	
	}
	.economic aside {background-position: right 75px;}
	.support aside {background-position: 90px 73px;}
	.home h2 strong {font-size: 1.5em;}
	footer > div > div {width: 32%;}
	footer #social a {margin: 0 5px;}
	footer a[href^="mailto"] {margin-left: 15px !important;}
}
@media only screen and (max-width: 937px) {
	aside {margin-left: -85px !important;}	
}
@media only screen and (max-width: 767px) {
	header {margin-bottom: 125px;}
		header h1 {
			margin-top: 0;
			padding-left: 0px;
		}
		header .container nav ul {display: none;}
	#headerBar .left {background-color: #115069;}
	#mmenu {
		display: block;
		padding: 43px 40px;
		text-align: center;
		text-transform: uppercase;
		background-color: #2D6F8E;
	}
	main {float: left !important;}
		main p, main ul {padding-right: 0;}
	#tabs > ul > li {max-width: 125px;}
	.tabPage {max-width: 391px;}
	aside {
		clear: both;
		width: 434px !important;
		margin-top: 20px !important;
	}
	.reef #asideContainer {
		position: relative;
		padding: 25px 0px 0 65px;
	}
	.support aside {background-position: 122px 73px;}
	.resources #asideContainer {padding-top: 65px;}
	.reef footer {margin-top: 30px;}
	.map iframe {
		height: 75%;
		margin-top: 148px;
	}
	#titleLegend {
		top: 0px;
		left: 0;
		width: 100%;
	}
		#titleLegend h2 {
			margin-bottom: 0;
			margin-left: 35px;
			font-size: 2em;
		}
		#titleLegend p {
			float: left;
			width: 100%;
			max-width: 33.3%;
			padding: 6px 0;
			text-align: center;
		}
	footer > div > div {
		display: block;
		width: 315px;
		margin: 0 auto;
		border-top: 1px solid #1E4C61;	
	}
	footer #social a {margin: 0 7px;}
	footer a[href^="mailto"] {margin-left: 2px !important;}
}
@media only screen and (max-width: 579px) {
	#titleLegend p {
		padding: 9px 0;
		font-size: 0.8em;
	}
}
@media only screen and (max-width: 479px) {
	header {padding-top: 35px;}
	header .container {width: 100% !important;}
	header h1 {
		padding-left: 15px;	
	}
	#tabs > ul > li {
		width: 100%;
		max-width: 100%;
		padding: 15px 0;
		text-align: center;
	}
	.tabPage a {
		min-width: 100%;
		width: 100%;
		background-image: none !important;	
	}
	#tabPage_1 a, #tabPage_2 a {background-color: #0c5d7e;}
	#tabPage_3 a {background-color: #308c94;}
	#nextPage_1 {font-size: 1em;}
	.map iframe {margin-top: 124px;}
	#titleLegend {}
		#titleLegend h2 {font-size: 1.5em;}
		#titleLegend p {
			padding: 6px 0;
			line-height: 1.3em;
			text-align: left;
		}
			#titleLegend p span {
				display: block;
				max-width: 88px;
				margin-left: 35px;
			}	
	aside {max-width: 420px !important;}
	.support aside {
		max-width: 100% !important;
		margin: 0 !important;
		background-position: 20px 73px;	
	}
	.support #asideContainer {padding: 25px 0 !important;}
}
@media only screen and (max-width: 434px) {
	#mmenu {padding: 43px 30px;}
	.map #mmenu {padding: 43px 30px;}
	aside {background-position: -40px 0;}
	.reef #asideContainer {padding-left: 34px;}
	.economic aside {background-position: -35px 80px;}	
	#asideContainer {padding-left: 0;}
}
@media only screen and (max-width: 394px) {
	header {margin-bottom: 75px;}
	header h1 {
		position: relative;
		z-index: 10;
		padding-left: 5px;
		padding-right: 15px;
	}
		header h1 a {
			padding-left: 110px;
			background-size: 110px auto;	
		}
	#mmenu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 43px 0;
		text-indent: 215px;	
	}
	.map #mmenu {padding: 43px 0px;}
	#titleLegend h2 strong {font-size: 1.3em;}
	aside {max-width: 390px !important;}
	footer > div > div {width: 100%;}
}
@media only screen and (min-width: 768px) and (max-height: 656px) {
	#titleLegend {top: 0;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
	   only screen and (min-resolution: 144dpi)  
{
	h1 a {background-image: url(/images/logo@2x.png);}	
}