@charset "utf-8";

/* =================================================
Width Based Mediaqueries
================================================= */
@media only screen and (min-width: 50px) and (max-width:319px){
	
	footer p {
		font-size: 0.8em;
	}
	
	#contact {
		font-size: 0.75em;
	}
	
}

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

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

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

}

@media only screen and (min-width:480px) and (max-width:599px){
	
	h2, ul.slides li{
		font-size:2.3em;
	}
	
	#logoWrap {
		width:270px;
	}
	
	#subscribe form, #contact{
		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:320px;
	}
	
	#subscribe form, #contact{
		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:370px;
	}
	
	p{
		font-size:1.2em;
	}
	
	#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;
	}
	
	#contact li {
		display: block;
		width: 33.33333%;
		float: left;
		text-align: center;
	}

}

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

}



/* =================================================
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;
	}
	
	#contactBtn {
		display: block;
	}
	
}

@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;
	}
	
	#contactBtn {
		display: block;
	}
	
}