@media screen and (min-width : 521px) and (max-width : 767px) {  
	#header {
		background: url(/view/registration/images/nature_mobile_header_x2.jpg) no-repeat left top #a42726;
	}
}

/* 
****
* Mobile break point 
* Mobile break point, trying to target as many different devices as possible
****
*/

@media screen and (max-width : 520px),
		screen and (-webkit-min-device-pixel-ratio : 1.3) and (max-width : 640px) and (orientation : landscape),
		screen and (-webkit-min-device-pixel-ratio : 1.3) and (max-width : 480px) and (orientation : portrait),
		screen and (-o-min-device-pixel-ratio: 13/10) and (max-width : 640px) and (orientation : landscape),
		screen and (-o-min-device-pixel-ratio: 13/10) and (max-width : 480px) and (orientation : portrait),
		screen and (min-resolution: 1.3dppx) and (max-width : 640px) and (orientation : landscape),
		screen and (min-resolution: 1.3dppx) and (max-width : 480px) and (orientation : portrait) {
	
	.home #header,
	.home #header.v2,
	body #header,
	body #header.v2 {
		background: url(/view/registration/images/nature_mobile_header.jpg) no-repeat left top #a42726;
     }
	
	.registration dd {
		width: 100%;
	}
	
	.registration dd input {
		width: 90%;
	}
	
	.registration dd input#firstname {
		margin-bottom: 10px;
	}
	
	.registration dt {
		width: 100%;
	}
	
	.strength-indicator {
		margin-right: 0;
	}
	
	#termsconditions {
		width: 90%;
		height: 100px;
	}
	
	.registration .button,
	#extranav .button,
	#reg-login .button {
		float: left;
	}
	
}

/* Retinal crispy logos */
@media	screen and (-webkit-min-device-pixel-ratio : 1.3) and (max-width : 640px) and (orientation : landscape),
		screen and (-webkit-min-device-pixel-ratio : 1.3) and (max-width : 480px) and (orientation : portrait),
		screen and (-o-min-device-pixel-ratio: 13/10) and (max-width : 640px) and (orientation : landscape),
		screen and (-o-min-device-pixel-ratio: 13/10) and (max-width : 480px) and (orientation : portrait),
		screen and (min-resolution: 1.3dppx) and (max-width : 640px) and (orientation : landscape),
		screen and (min-resolution: 1.3dppx) and (max-width : 480px) and (orientation : portrait) {
	#header {
		background: url(/view/registration/images/nature_mobile_header_x2.jpg) no-repeat left top #a42726;
	}
}