@charset "UTF-8";
		
/* ----------------- Reset all styles ----------------- */
	*{
		margin:0;
		padding:0;
		border:0;
	}


	
/* ----------------- Website background and general text colour ----------------- */
	body{
		
		background: #F4F2F3 url('../images/background-the-consensus-project.png') repeat-x;
		background-position: 0 -1px;
		background-position-y: -2px;

		color:#2d2d2d;
		
	}
	
/* ----------------- Wrapper - keeps all content in the center of page -----------------  */
	.wrapper{
		margin:0 auto;
		width:960px;
		height:auto;
			
	}
	
/* The rest is pretty self explanatory - it appears in the order that it occurs on the HTML document */
	#top{
		height: 60px;
		width: 100%;
		padding: 11px 0;
		overflow: hidden;
	}
	
	#logo{
		width:175px;
		height: 56px;
		padding: 0;
		margin: 0;
		float:left;
		text-decoration:none;
		overflow: hidden;
		
	}
	
	#logoimage{
		width:175px;
		height: 56px;
		padding: 0;
		padding: 0;
		float:left;
		overflow: hidden;
	}
	

	
	nav{
		float:right;
		display:block;
		height:35px;
		margin-top: 20px;
		font-size: 16px;
		 overflow: hidden;
	}
	
	nav ul li{
		display:block;
		width: auto;
		margin: 0 10px;
		float:left;
		text-align:center;		
	}
	
	nav ul li a{
		font-family:"proxima-nova", Helvetica, Arial, sans-serif;
		width:100%;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:400;
		line-height:150%;
		display:block;
		color:#777791;		
		padding: 0 7px;
		overflow: hidden;
	}	
	
	nav ul li a.twitface { padding: 0 }
	
	.sndlast { padding-left: 10px }
	
	nav ul li.last { margin-right: 0 }

	nav:hover, nav ul:hover, nav ul li:hover,  nav ul li a:hover {
		color:#ffffff;
	}

	.sndlast, .last {  position: relative;
 }
	
	nav ul li p{
		font-family:"proxima-nova", Helvetica, Arial, sans-serif;
		width:90%;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:400;
		line-height:250%;
		display:block;
		color:#f38094;
	}

	.hr{
		height:1px;
		width:100%;
		margin: 3px 0 10px;
			overflow: hidden;
	}


/* - - - - - - - - - - - - - - - EXTRA  NAV - - - - - - - - - - - - - - - - - - - - - */

	nav ul li a:hover{
	color: #ffffff!important;
/* mozila code */
	background-image: linear-gradient( 90deg,  #b21d30, #dc1f2d );
/* webkit code */
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.00, #b21d30), color-stop(1.00, #dc1f2d));
/* IE code - note GradientType=0 means vertical */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#b21d30, endColorstr=#dc1f2d, GradientType=1);
	}
	.currentPage {  
		color: #ffffff!important;
/* mozila code */
	background-image: linear-gradient( 90deg,  #b21d30, #dc1f2d );
/* webkit code */
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.00, #b21d30), color-stop(1.00, #dc1f2d));
/* IE code - note GradientType=0 means vertical */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#b21d30, endColorstr=#dc1f2d, GradientType=1);
	}
	
	nav, .nav { position: relative; }

	
	#homeholder { width: 100%; height: 216px; }
	
	.left{
		margin:5px 0;
		display: block;
		width:478px;
		height: 216px;
		float:left;
	}
		
	.right{
		margin:5px 0;
		display: block;
		width:478px;
		height: 216px;
		overflow:hidden;
		
		float:right;
	}


	
	#TheDebateIsOver { 
		width: 100%; 
		height: auto; 
		position: relative; 
	}
	
	#TheDebateIsOver img { 
		width: 100%; 
		height: auto; 
	}

/* ----------------------- WORK LINKS END ------------------------- */
	
	#footcopy {
		font-size:12px;
		width:100%;
		text-align: center;
		display:block;
		margin:20px auto;

		}
	
		
	#bottom h3{
		margin:4% 0 3% 0;
		font-family:Cookie, Arial, Helvetica, sans-serif;
		font-size:190%;
		font-weight:normal;
		text-align:center;
		color:#f38094;
		text-shadow: 0 1px 1px #c1c1c1;
	}
	
	
	footer{
		width:100%;
		padding:10px 0;
	}
	
	.icon{
		float:right;
		width:32px;
		margin:95px 0 2px 4%;
		opacity:0.85;
	}
	
	.icon:hover{
		opacity:1;
	}
	
	.social{
		color:#f38094;
	}


/* ----------------------------- FORM ----------------------------------- */
	
	.left h4{
		font-family:Cookie, Arial, Helvetica, sans-serif;
		font-size:180%;
		font-weight:normal;
		color:#f38094;
		margin-bottom:10px;
	}
	
	#formwrap{
		width:100%;
	}

	.formstyle { 
		border: 1px solid #ccc;
		color: #000;
		font-family:"proxima-nova", Arial, Helvetica, sans-serif;
		font-size:14px;
		width: 95%;
		background-color:rgba(255,255,255,1);
		background-image:url(../images/backgroundtexture.png);
		margin-bottom:10px;
		opacity:0.9;
		padding:3px;
		-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	   -o-transition: all 0.4s ease-in-out;
	   -ms-transition: all 0.4s ease-in-out;
	   transition: all 0.4s ease-in-out;
	   border-radius:2px;
	}
	
	.formstyletwo { 
		color: #FFF;
		font-family:"proxima-nova", Arial, Helvetica, sans-serif;
		font-size:15px;
		text-align:left;
		width:20%;
		background-color:#2d2d2d;
		border:0px;
		
	}

	.formstyletwo:hover { 
		color:#f38094;
		cursor:pointer;
	
	}

	textarea{ 
		border: 1px solid #ccc;
		color: #000;
		font-family:"proxima-nova", Arial, Helvetica, sans-serif;
		font-size:14px;
		width:95%;
		height:80px;
		background-color:rgba(255,255,255,1);
		background-image:url(../images/backgroundtexture.png);
		margin-bottom:10px;
		border-radius:2px;
		padding:3px;
		opacity:0.9;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}


	input:focus, input.focused, textarea:focus, textarea.focused {  
		color: #3e3e3e; 
		opacity:1;
	}

	#error{
		color:#FF7471;
		float:left;
		font-family:Regular, Arial, Helvetica, sans-serif, "Helvetica Neue Light";
		font-size:15px;
	}

	#error ul{
		list-style-type: none;
		padding-top:5px;
	}
	

/* -- Make the highlight colours pretty -- */
	::selection      { 
		background:#f5842f; 
		color:#FFF;
	}
	::-moz-selection  { 
		background:#f5842f; 
		color:#FFF;
	}

	
	
/* all pages myStyles */	
	
	body { 
		font-family:"proxima-nova", Helvetica, Arial, sans-serif; 
		font-weight: 300;  
		position: relative;
		width: 100%;
	}
	
	img { 
		margin:0; 	
		padding:0;
	}
	
	a{  
		color: #000000;
		font-weight: 500;
	}
		
	.wrapper{ 
		position: relative;
		overflow: hidden; 
	}
	


		
	#content {
		position: relative;

	}
		
	p { 
		-webkit-margin-before: 0; 
		-webkit-margin-after: 0; 
		-webkit-margin-start: 0; 
		-webkit-margin-end: 0; 
	}

/* page 1 */	
	
	.sldshw{   
		position: absolute; 
		display: block; 
	}
	.sldshw3{   
		position: absolute; 
		top:10px;
		display: block; 

	}

/* page 2 */	
	
	#contentpage2 {
		position: absolute; 
		top:0;
		left: 960px; 
	}
	
	#page2animHolder { 
		position: relative; 
		width: 960px; 
		height: 589px; 
		overflow: hidden; 
		margin-bottom: 5px; 
		 
		background: url('../images/page2/page2AnimBG.gif') no-repeat; 
		background-position: 0 24px;
		font-family:"proxima-nova", Helvetica, Arial, sans-serif; 
		font-weight: 300; 
	}
	
	
	#pg2box { 
		position: relative;
		top: 100px; 
		left: 44px;
		height: 300px; 
		width: 570px;  
		color: #ffffff; 
		background: url('../images/page2/pg2graphBG.png') no-repeat; 
		overflow: hidden;  
	}
		
	
	#pg2textBox { 
		position:relative;
		display: box;
		background:#991A31;color:#fff;
		width: 570px;
		height: 300px;
		top:0;
		left:0;
	}
			
	#redbox{ 
		position:relative;
		width: 541px; 
		height: 140px;
		top:70px;
		left: 20px;
		z-index:200;
		overflow: visible!important;
	}
	
	#greyBox { 
		position:relative;
		width:522px;
		height: 88px;
		top:75px; 
		left:72px;
		padding-right: 20px; 
		opacity:0; 		
		background:#636378; 
	}	
		
	#greyboximg {  
		width:522px;
		height: 88px;
	}
		
	#greyBar { 
	 	background: url('../images/page2/grayBars.png') no-repeat; 
	 	width: 1px; 
	 	height: 10px; 
	 	position: absolute; 
	 	bottom: 21px; 
	 	left: 32px; 
	 	font-size: 13px; 
	 }
	 	
	#piechart { 
		top: 103px;
		right: 30px;
		height: 282px;
		width: 282px;
		position: absolute;
		background: url('../images/page2/piechart.png') no-repeat;
		display: none;
	}
	
	
	
	#boxSlide{ 
		display: block; 
		width: 544px; 
		height: 283px; 
		background: #f4832e; 
		margin-left: 25px; 
	}

		
	#finePrint{ 
		font-weight: 300; 
		position: absolute; 
		bottom: 30px; 
		left: 55px;  
		color: #4F5877; 
		font-size: 13.5px; 
		width: 580px; 
		height: 50px; 
		display:none;
	}
	

		
	#redArrow{ 
		position: relative; 
		top: 44px; 
		left: 85px; 
		opacity: 1.0!important;
		display:block; 
		z-index: 100;
		width: 23px;
		height:41px;
	
	}
		
	#redArrow2{ 
		position: relative; 
		top: -5px; 
		left: 40px; 
	}
			
	.sldshw{   
		position: absolute; 
		display: block; 
		
	}
		
	#animHolder { 
		width: 960px; 
		height: 441px; 
		overflow: hidden; 
		position: relative; 
		margin-bottom: 5px; 
		cursor: pointer; 
	}
	
/* page 2 */	
	
	#contentpage3 {
		position: absolute; 
		top:0;
		left: 1920px;
	}
	
	#animHolder3 { 
		width: 960px; 
		height: 577px; 
		overflow: hidden; 
		position: relative; 
		margin-bottom: 14px; 
		
		top: 14px;
	}
	.page3top {
		position: absolute; 
		top:0;
		left:0;
	}
	
	.pg3BL { position: relative; top:8px }	
	
	#pg3box1 { 
		position: absolute; 
		width: 625px;
		height: 140px;
		top:85px; 
		left: 285px;  
		color: #ffffff; 
		font-size: 12px;  
		opacity: 0;
	}
		
	#pg3redBox {
		position: absolute; 
		width: 625px;
		height: 140px;	
		overflow: visible!important;	
	}	
		
	#pg3box2 { 
		position: absolute; 
		width: 495px;
		height: 114px;
		top:383px; 
		left: 245px;  
		color: #ffffff; 
		font-size: 12px;  
		opacity: 0;
	}	
		
	#pg3greyBox { 
		position: absolute; 
		width: 495px;
		height: 114px;
	}
		
	#pg3box3 {  
		position: absolute; 
		width: 395px;
		height: 114px; 
		top:383px; 
		left: 550px;  
		color: #ffffff; 
		font-size: 12px; 
		opacity: 0;
	}
		
	#pg3greyBox2 { 
		position: absolute; 
		width: 395px;
		height: 114px;
	}
		
	#pg3box4 { 
		color: #ffffff; 
		font-size: 12.5px;  
		position: absolute; 
		bottom: 20px;
		right: 263px;
		width: 560px;
		height: 68px; 
		background: url('../images/page3/exclaim.png') no-repeat; 
		background-position: 10px; 
		opacity: 0; 
	}
	
	#pg3box4 .inner{  
		padding-left: 90px; 
	}
		
	#redArrow3{ 
		position: absolute;  
		top: 187px;
		left: 279px;
		opacity: 0.0;
	}
		
	#greyArrow3, #greyArrow4 { 
		position: absolute; 
		opacity: 0; 
	}
		
		
	#bottomLinks{ 
		display: block;
		background: url('../images/bottomLink/bottom-menu-background.png');
		width: 960px;
		height: 65px;
		color:#ffffff;
		font-size: 20px;
		margin-top: 10px;
		position: relative;
		cursor: pointer; 
	}
	
	
	#bottomLink1a{ 
		position: relative;
		display: block;
		background: url("../images/bottomLink/orangeArrow.png") no-repeat scroll -95px 0 transparent;
		border-left: none!important;
		border-right: none!important;
		width: 208px!important;
		height: 39px;
		float: left;
		padding: 13px 17px;
		cursor: default;
	}
	
	.learnmore { position: relative;left: 37px; top: 9px; }
	
	
	.learn_More1, .learn_More2 {  
		position: absolute;
		left: 75px;
		top:22px
	}	
		
	#bottomLink2a{ 
		display: block;
		width: 183px;
		height: 21px;
		float: left;
		padding: 22px 26px;
	}
	
	#bottomLink2b{ 
		display: block;
		width: 238px;
		height: 21px;
		float: left;
		padding: 22px 26px;
	}
		
	#bottomLink3a img:hover, #bottomLink4a img:hover, #bottomLink2a img:hover { border-bottom: 1px solid #fff; }
		
	#bottomLink3a{ 
		display: block;
		width: 151px;
		height: 20px;
		border-left: 1px solid #ffffff;
		float: left;
		padding: 22px 29px;
	}
	
	#bottomLink3b{ 
		display: block;
		width: 200px;
		height: 20px;
		border-left: 1px solid #ffffff;
		float: left;
		padding: 22px 29px;
	}
	
	#bottomLink4a{ 
		display: block;
		width: 151px;
		height: 20px;
		border-left: 1px solid #ffffff;
		float: left;
		padding: 22px 29px;
	}

	#bottomLink4b{ 
		display: block;
		width: 151px;
		height: 20px;
		border-left: 1px solid #ffffff;
		float: left;
		padding: 22px 29px;
	}	

	#contentpage4 {
		position: absolute; 
		top:0;
		left: 2880px; 
	}
	
	#animHolder4 { 
		width: 960px; 
		height: 590px; 
		overflow: hidden; 
		position: relative; 
		margin-bottom: 5px; 
	 
		background: url('../images/page4/page4Bg.jpg'); 
		background-position: 0 25px;
	}

	.sourcePageTwo{ 
		position: absolute;
		top: 412px;
		left: 76px;
		opacity:0.0;
	}


	.sourceInfo{ 
		position: absolute; 
		bottom: 39px; 
		right: 22px; 
		font-size: 12px; 
		color: #ffffff;  
	}
	
	.sourceInfo2{ 
		position: absolute; 
		bottom: 39px; 
		right: 22px; 
		font-size: 12px; 
		color: #666666;  
	}
	
	#pg4col1, #pg4col2, #pg4col3 { 
		display: block; 
		width: 287px; 
		height: 507px; 
		float: left; 
		margin: 75px 3px 0; 
		font-size: 11.5px; 
		color: #fff; 
		padding-left: 15px; 
	}
	
	#pg4col1 { 
		position: relative; 
		margin-left: 12px; 
	}
	
	#pg4col2 { 
		position: relative; 
	}
	
	#pg4col3 { 
		position: relative; 
		margin-right: 0; 
	}
	
	.pg4col3source { 
		color: #426B4D; 
	}

	.textTitle{ 
		text-transform: uppercase; 
		font-weight: 700;  
		font-size: 17px; 
		color: #ED1C24; 
	}
	
	#contactPage,#aboutUs,#otherInd,#whyItMatters,#newsFeed,#sharePage,#linksPage,#pageLinks, #faqPage{ 
		display:none;
		font-size: 14px;
	}
	#newsFeed{ padding-right: 10px}
	#newsFeed p{ margin-bottom: 10px}
	
	#sjiCredit{ 
		position: relative;
		border-top:solid 3px #777791;
		padding-top: 10px;
	}
	
	#sjiCredit img{ 
		margin: 0 10px 50px 0;
	}	
	
	#join-facebook-a {
		font-size: 12px;
		text-transform: lowercase;
		vertical-align: middle;
		display: inline-block;
		text-indent: -9999px;
		width: 35px;
		height: 35px;
		
		background: url("../images/facebook.png") no-repeat scroll left top transparent;
	}
	
	#follow-twitter-a {
		font-size: 12px;
		text-transform: lowercase;
		vertical-align: middle;
		display: inline-block;
		text-indent: -9999px;
		width: 35px;
		height: 35px;	
		
		background: url("../images/twitter.png") no-repeat scroll left top transparent;
	}
	#join-facebook-a:hover, #follow-twitter-a:hover { opacity: 0.8; color: #000!important; }
	
	.closeIt { 
		display:block; 
		width: 17px; 
		height: 17px; 
		background: url('../images/closeIt.png'); 
		position: absolute; 
		top: 8px; 
		right: 8px; 
		text-indent: -9999px; 
	}
	
	#otherIndBtn { 
		display:block; 
		width: 155px; 
		height:43px; 
		margin: 0 auto;
		background: url('../images/otherInd.png'); 
		text-indent: -9999px;  
		position: relative; 
 

	}
	
	#aboutbackbutton{ display: block; width: 100%; height: 100px; float: left; position: relative; }
	
	#aboutProjectButton { 
		display:block; 
		width: 155px; 
		height:43px; 
		margin: 48px auto 10px;
		background: url('../images/aboutProject.png'); 
		text-indent: -9999px;  
		position: relative; 

	}
	
	#contentInner {  position:  relative; }
	
	
	.important1{ display: none!important;}
	.important2{ left:0!important;}


	#skipPageTwo, #skipPageThree {
	
	display: block; 
	width: 165px;
	height: 50px;
	background: url('../images/skip_animation.png') no-repeat;
	background-attachment: top left; 
	overflow: hidden;
	text-indent: -9999px;
	position:absolute;
	top:545px;
	right:0;
	z-index:7777;
	
	
	}

	#replayPageTwo, #replayPageThree {
	
	display: block; 
	width: 186px;
	height: 50px;
	background: url('../images/replay_anim.png') no-repeat;
	background-attachment: top left; 
	overflow: hidden;
	text-indent: -9999px;
	position:absolute;
	top:545px;
	right:0;
	z-index:7777;
	display: none;
	
	}


	#skipPageTwo:hover, #skipPageThree:hover, #replayPageTwo:hover, #skipPageThree:hover { background-position: bottom left; opacity: 1.0; }

	#LikeTweet{ text-align: center; height: 300px }

	#aboutLinks{ display:block; width: 100%; height: auto; }
	#aboutLinks a { width: 33%; position: relative; display: block; float: left; }
	#aboutLinks a img{position: relative; display: block; margin: 0 auto; }
	
	#pagesPara{  
		margin: 10px 0; display: inline-block; width: 100%; height: auto;
		
	}

	#otherPies { width: 100%; height: auto; position: relative; display: block; }
	
	#otherPies img { margin: 0 auto; }
	
	.pieChart { position: relative; height: 235px; width: 33%; float: left; text-align: center; }
	
	
	#shareable li { padding: 10px; margin-bottom: 20px; list-style-type: none; }
	
	#shareable li a:hover{  color: #ED1C24; }	 


	#shareable img { border: 1px solid #ffffff; display: block; max-width: 400px; margin: 20px auto;  }


	.iconz li{  list-style-type: none; float: left; }
	
		.iconz li { text-decoration: none; }
		.iconz li:hover { text-decoration: underline; }
		
	.faceBook { float: left; vertical-align: middle; display: inline-block; height: 35px; width: 60px; background: url('../images/facebook.png') no-repeat; padding-left: 45px; overflow: hidden; text-decoration: none;  padding-top: 8px; }
	.twiTter { float: left; vertical-align: middle; display: inline-block; height: 35px; width: 70px; background: url('../images/twitter.png') no-repeat; padding-left: 45px; overflow: hidden; text-decoration: none;  padding-top: 8px; }
	.pinTerist { float: left; vertical-align: middle; display: inline-block; height: 35px; width: 55px; background: url('../images/pinterist.png') no-repeat; padding-left: 45px;  overflow: hidden; text-decoration: none;  padding-top: 8px; }
	.downLoad { float: left; vertical-align: middle; display: inline-block; height: 35px; width: 100px; background: url('../images/download.png') no-repeat; padding-left: 45px; overflow: hidden;  text-decoration: none; padding-top: 8px;}




/* Tablet Landscape */






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

   .wrapper{
		transform: scale(0.9);
		-ms-transform: scale(0.9); /* IE 9 */
		-webkit-transform: scale(0.9); /* Safari and Chrome */
		-o-transform: scale(0.9); /* Opera */
		-moz-transform: scale(0.9); /* Firefox */
		top: -52px;
		left:-28px;
	}
	
	body { background-position: 0 -9px; }
	
}

@media screen and (max-width: 900px) {
   .wrapper{
		transform: scale(0.85);
		-ms-transform: scale(0.85); /* IE 9 */
		-webkit-transform: scale(0.85); /* Safari and Chrome */
		-o-transform: scale(0.85); /* Opera */
		-moz-transform: scale(0.85 ); /* Firefox */
		top: -82px;
		left:-52px;
	}
	body { background-position: 0 -14px; }
	
}


@media screen and (max-width: 850px) {
   	.wrapper{
		transform: scale(0.8);
		-ms-transform: scale(0.8); /* IE 9 */
		-webkit-transform: scale(0.8); /* Safari and Chrome */
		-o-transform: scale(0.8); /* Opera */
		-moz-transform: scale(0.8); /* Firefox */
		top: -112px;
		left:-76px;
	 
	}
	body { background-position: 0 -21px; }
	
}


@media screen and (max-width: 800px) {
   	.wrapper{
		transform: scale(0.75);
		-ms-transform: scale(0.75); /* IE 9 */
		-webkit-transform: scale(0.75); /* Safari and Chrome */
		-o-transform: scale(0.75); /* Opera */
		-moz-transform: scale(0.75); /* Firefox */
		top: -142px;
		left:-100px;
	 
	 
	}
	
	body { background-position: 0 -28px; }
	
}

@media screen and (max-width: 750px) {
   	.wrapper{
		transform: scale(0.7);
		-ms-transform: scale(0.7); /* IE 9 */
		-webkit-transform: scale(0.7); /* Safari and Chrome */
		-o-transform: scale(0.7); /* Opera */
		-moz-transform: scale(0.7); /* Firefox */
		top: -170px;
		left: -125px;
	}
	
	body { background-position: 0 -31px; }
	}

@media screen and (max-width: 737px) {
	#whyCol1, #whyCol2, #whyCol3 {  width: 100%; float: none; clear: both; }
}

@media screen and (max-width: 700px) {
   	.wrapper{
		transform: scale(0.65);
		-ms-transform: scale(0.65); /* IE 9 */
		-webkit-transform: scale(0.65); /* Safari and Chrome */
		-o-transform: scale(0.65); /* Opera */
		-moz-transform: scale(0.65); /* Firefox */
		top: -197px;
		left:-148px;
		 
	}
	body { background-position: 0 -34px; }
}	

@media screen and (max-width: 705px) {
	.pieChart {  width: 100%; float: none; clear: both; }
}

@media screen and (max-width: 650px) {
   	.wrapper{
		transform: scale(0.6);
		-ms-transform: scale(0.6); /* IE 9 */
		-webkit-transform: scale(0.6); /* Safari and Chrome */
		-o-transform: scale(0.6); /* Opera */
		-moz-transform: scale(0.6); /* Firefox */
		top: -223px;
		left: -172px;
		 
	}
	body { background-position: 0 -36px; 
	-webkit-background-size:100%;}
	 
}	
@media screen and (max-width: 636px) {

	#aboutLinks a { width: 100%; float: none; clear: both; margin-bottom: 15px; }

}

@media screen and (max-width: 600px) {
   	.wrapper{
		transform: scale(0.55);
		-ms-transform: scale(0.55); /* IE 9 */
		-webkit-transform: scale(0.55); /* Safari and Chrome */
		-o-transform: scale(0.55); /* Opera */
		-moz-transform: scale(0.55); /* Firefox */
		top: -252px;
		left: -196px;
		 
	}
	body { background-position: 0 -42px;
	-webkit-background-size:100%; }
	}


@media screen and (max-width: 550px) {
   	.wrapper{
		transform: scale(0.5);
		-ms-transform: scale(0.5); /* IE 9 */
		-webkit-transform: scale(0.5); /* Safari and Chrome */
		-o-transform: scale(0.5); /* Opera */
		-moz-transform: scale(0.5); /* Firefox */
		top: -279px;
		left: -220px;
		 
	}
	body { background-position: 0 -44px;
	-webkit-background-size:100%; }
	
}

@media screen and (max-width: 500px) {
   	.wrapper{
		transform: scale(0.45);
		-ms-transform: scale(0.45); /* IE 9 */
		-webkit-transform: scale(0.45); /* Safari and Chrome */
		-o-transform: scale(0.45); /* Opera */
		-moz-transform: scale(0.45); /* Firefox */
		top: -307px;
		left: -244px;
		 
	}
	body { background-position: 0 -48px; 
	-webkit-background-size:100%; }
	
}

@media screen and (max-width: 480px) {
   	.wrapper{
		transform: scale(0.44);
		-ms-transform: scale(0.44); /* IE 9 */
		-webkit-transform: scale(0.44); /* Safari and Chrome */
		-o-transform: scale(0.44); /* Opera */
		-moz-transform: scale(0.44); /* Firefox */
top: -315px;
left: -260px;
		 
	}
	body { background-position: 0 -49px;
	-webkit-background-size:100%; }
	}

@media screen and (max-width: 450px) {
   	.wrapper{
		transform: scale(0.41);
		-ms-transform: scale(0.41); /* IE 9 */
		-webkit-transform: scale(0.41); /* Safari and Chrome */
		-o-transform: scale(0.41); /* Opera */
		-moz-transform: scale(0.41); /* Firefox */
top: -328px;
left: -272px;
		 
	}
	body { background-position: 0 -49px;
	-webkit-background-size:100%; }
	}


@media screen and (max-width: 400px) {
   	.wrapper{
		transform: scale(0.39);
		-ms-transform: scale(0.39); /* IE 9 */
		-webkit-transform: scale(0.39); /* Safari and Chrome */
		-o-transform: scale(0.39); /* Opera */
		-moz-transform: scale(0.39); /* Firefox */
top: -340px;
left: -287px;
		 
	}
	body { background-position: 0 -53px;
	-webkit-background-size:100%; }
		
}

@media screen and (max-width: 380px) {
   	.wrapper{
		transform: scale(0.34);
		-ms-transform: scale(0.34); /* IE 9 */
		-webkit-transform: scale(0.34); /* Safari and Chrome */
		-o-transform: scale(0.34); /* Opera */
		-moz-transform: scale(0.34); /* Firefox */
top: -365px;
left: -310px;
		 
	}
	body { background-position: 0 -53px;
	-webkit-background-size:100%; }
		
}


@media screen and (max-width: 340px) {
   	.wrapper{
		transform: scale(0.32);
		-ms-transform: scale(0.32); /* IE 9 */
		-webkit-transform: scale(0.32); /* Safari and Chrome */
		-o-transform: scale(0.32); /* Opera */
		-moz-transform: scale(0.32); /* Firefox */
top: -375px;
left: -320px;
		 
	}
	body { background-position: 0 -53px;
	-webkit-background-size:100%; }
	
		
}