/*--------------------------------------------------------------------------
*
*	iPad
*	
*-------------------------------------------------------------------------*/

@media (max-width: 768px) {
	
	#hero h1 {
		text-align: left;
		font-size: 2.4em;
	    letter-spacing: 0.17em;
	    padding: 3.6em 0 3em;
	}
	
	#hero h1 span {
	    font-size: 53px;
	    letter-spacing: 0.17em;
	    margin-bottom: 10px;
	}

	#widget-signup .field {
		margin: 0 0 10px;
	}

}


/*--------------------------------------------------------------------------
*
*	iPhone
*	
*-------------------------------------------------------------------------*/

@media (max-width: 480px) {
	
	#header img {
		padding: 8% 0 4%;
	}


	#hero h1 {
		font-size: 1.5em;
	    padding: 1.5em 0 3em;
	}
	
	#hero h1 span {
		font-size: 36px;
	}
	
	#main {
		margin-bottom: 20px;
	}
	
}