/* =============================================================================
   BACK
   ========================================================================== */
#back {	
	background-image:url(../img/back_mobile.jpg);
	background-position: 60% top;
}

/* =============================================================================
   CONTENT
   ========================================================================== */
#logo {
	margin:160px auto 0px auto;
	width:300px;
	height:130px;
}
#logo img {
	width:100%;	
}
#logo_canvas {
	top:-900px;
}
#menu {
	width:418px;
	margin:20px auto 0px auto;
	text-align:center;
}


#social {
	display:none;
}
#logos img {
	height:60px;
}
#legal {
	width:85%;
}	


/* =============================================================================
   VIDEO
   ========================================================================== */
.more-share {
	display:none;
}
#video_share {
	width:68%;
}
#video_close {	
	width:32%;
	font-size:17px;
}



/* =============================================================================
   MEDIAQUERIES
   ========================================================================== */
@media only screen and (max-width:418px) {	
	
	#menu {
		width:100%;
	}
	#newsletter {
		margin-left:-35px;
	}
  
}

@media only screen and (max-width:350px) {	
	
	#media {
		width:275px;
	}
	#menu a {
		width:130px;
		font-size:35px;
	}
  
}