@charset "utf-8";

/* =================================================
Width Based Mediaqueries
================================================= */

@media only screen and (min-width: 320px) and (max-width:359px){
	
	h2, ul.slides li{
		font-size:1.5em;
	}
	
}

@media only screen and (min-width: 360px) and (max-width:413px){
	
	h2, ul.slides li{
		font-size:1.7em;
	}
	
	#logoWrap {
		width:160px;
	}
	
	p{
		font-size:1em;
	}
	
}

@media only screen and (min-width:414px) and (max-width:479px){
	
	h2, ul.slides li{
		font-size:2.1em;
	}
	
	#logoWrap {
		width:170px;
	}
	
	p{
		font-size:1em;
	}

}

@media only screen and (min-width:480px) and (max-width:599px){
	
	h2, ul.slides li{
		font-size:2.3em;
	}
	
	#logoWrap {
		width:180px;
	}
	
	p{
		font-size:1em;
	}
	
	#subscribe form{
		width:370px;
	}
	
	#subscribe form #email{
		width:240px;
		border-right:none;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	
	#subscribe form #signup-button{
		width:130px;
		border-left:none;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

}

@media only screen and (min-width:600px) and (max-width:767px){
	
	h2, ul.slides li{
		font-size:2.7em;
	}
	
	#logoWrap {
		width:220px;
	}
	
	p{
		font-size:1em;
	}
	
	#subscribe form{
		width:370px;
	}
	
	#subscribe form input{
		font-size:0.95em;
		height:48px;
	}
	
	#subscribe form #email{
		width:240px;
		border-right:none;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	
	#subscribe form #signup-button{
		width:130px;
		border-left:none;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

}

@media only screen and (min-width:768px){
	
	h2, ul.slides li{
		font-size:3.4em;
	}
	
	#logoWrap {
		width:240px;
	}
	
	p{
		font-size:1.2em;
	}
	
	footer p{
		font-size:1.1em;
	}
	
	#subscribe form{
		width:430px;
	}
	
	#subscribe form input{
		font-size:1em;
		height:48px;
	}
	
	#subscribe form #email{
		width:300px;
		border-right:none;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	
	#subscribe form #signup-button{
		width:130px;
		border-left:none;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

}

@media only screen and (min-width:768px) and (max-height:700px){
	
	h2, ul.slides li{
		font-size:2.7em;
	}
	
	#logoWrap {
		width:220px;
	}

}



/* =================================================
Height Based Mediaqueries
================================================= */

@media only screen and (min-height: 360px){
	
	#subscribe form{
		position:relative;
	}
	
	#subscribe #email-error{
		position:absolute;
		top:-30px;
		left:0;
		right:0;
	}
	
	#form-message p{
		margin-bottom:30px;
	}
	
}

@media only screen and (min-height: 360px) and (max-height: 640px){
	
	#subscribe h2{
		margin-bottom:60px;
	}
	
	#subscribe form, #form-message p{
		margin-top:60px;
	}
	
	.form-msg-icon{
		font-size:4.8em;
	}
	
}

@media only screen and (min-height: 641px) and (max-height: 899px){
	
	#subscribe h2{
		margin-bottom:80px;
	}
	
	#subscribe form, #form-message p{
		margin-top:80px;
	}
	
	.form-msg-icon{
		font-size:6em;
	}
	
}

@media only screen and (min-height: 900px){
	
	header{
		margin-bottom:80px;
	}
	
	footer{
		margin-top:80px;
	}
	
	#subscribe h2{
		margin-bottom:140px;
	}
	
	#subscribe form, #form-message p{
		margin-top:140px;
	}
	
	.form-msg-icon{
		font-size:6em;
	}
	
}