@charset "UTF-8";

/* Responsive */
  
/*--- Mobile Portrait ---*/
@media only screen and (max-width: 495px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	.backtohomeshop a{
		padding:10px 20px;
	}
	#yourskinscore .yourskiniq a.button{
		font-size:15px;
		line-height:normal;
	}
	.aboutus h6, .whywildcrafted h6{
		font-size:30px;
		line-height:normal;
	}
	#yourskinscore .yourskiniq a.button,
	#becauseyourskintype a.getmykitnow,
	#werecommend a.learnmore{
		width:auto;
		display:block;
	}
	#footer .emailsignup .input,
	#footer .emailsignup .signmeup{
		width:100%;
	}
}

/* Landscape Mode */
@media only screen and (max-width: 999px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
	
	#yourskinscore{
		padding:50px 20px;
		min-height:inherit;
		background-color:#ececcc;
	}
	#yourskinscore .yourskiniq{
		width:auto;
	}
	#becauseyourskintype{
		width:auto;
		padding:50px 20px 0 20px;
	}
	#doityourself{
		width:auto;
		padding:0;
	}
	#doityourself .doityourselfc .leftcolumn,
	#doityourself .doityourselfc .rightcolumn{
		width:auto;
		float:none;
		clear:both;
		margin:0;
	}
	#doityourself .doityourselfc .rightcolumn{
		padding:20px;
	}
	#doityourself .doityourselfc .leftcolumn img,
	#werecommend img,
	.aboutus .leftcolumn img,
	.whywildcrafted .rightcolumn img{
		width:auto;
		max-width:100%;
		height:auto;
	}
	.aboutus,
	.whywildcrafted{
		width:auto;
		padding:0 20px;
	}
	.aboutus .leftcolumn,
	.whywildcrafted .leftcolumn,
	.aboutus .rightcolumn,
	.whywildcrafted .rightcolumn{
		float:none;
		clear:both;
		width:auto;
		margin:0;
	}
	.aboutus h6,
	.whywildcrafted h6{
		padding:20px 0;
		text-align:center;
	}
	.aboutus h6{
		padding-top:20px;
	}
	#werecommend{
		padding:50px 20px;
	}
	.aboutus h6 br,.whywildcrafted h6 br{
		display:none;
	}
	.whywildcrafted p{
		text-align:left;
	}
	#footer .footerc{
		width:auto;
	}
	#footer .footerc .container{
		float:none;
		clear:both;
		width:auto;
	}
}

/* iPad in Portrait orientation */
@media screen and (min-width: 768px) and (orientation: portrait) {
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
}

/* iPad in Landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
}