/************************************************
*	Media Queries					     *
************************************************/

		
@media handheld, only screen and (max-width: 1023px) {
	/*--- Theme iPad ---*/
	.ipad-display {
		display: inherit;
	}
	.ipad-hide {
		display: none;
	}
	.mobile-hide {
		display: none !important;
	}
	.padding-top {
		padding-top: inherit;
	}	
	/* Typography iPad */
	body {
		font-size: 0.9em;
		line-height: 1.8;
	}
	p {
		padding: 12px 0px;
	}
	blockquote {
		font-size: 1.4rem;
	}
	.headline {
		font-size: 2.2rem;
	}
	.headline.small {
		font-size: 1.2rem;
		letter-spacing: 3px;
	}	
	/* Header iPad */
	#header {
		height: auto !important;
		opacity: 1!important;
	}
	#header {
		position: relative !important;
		top: auto !important;
	}	
	/* Footer iPad */
	#footer-bottom {
		padding-left: 4%;
		padding-right: 4%;
	}	
	/* Content iPad */
	a.btn.large-btn {
		margin-top: 48px;
		padding-left: 32px;
		padding-right: 32px;
	}
}	
@media handheld, only screen and (max-width: 767px) {

	/*--- Typography iPhone ---*/	
	h1 { 
		font-size: 2.2rem; 
	}
	h2 { 
		font-size: 1.8rem;  
	}
	h3 { 
		font-size: 1.6rem; 
	}
	h4 { 
		font-size: 1.4rem; 
	}
	h5 { 
		font-size: 1.2rem; 
	}
	h6 { 
		font-size: 1rem; 
	}
	.headline {
		font-size: 2rem;
	}
	.headline.small {
		line-height: 1.2;
	}
	.headline.page-headline {
		font-size: 2.8rem;
		letter-spacing: 1px;
		line-height: 1;
		padding-bottom: 6px;
	}
	.headline.page-headline,
	.page-title .tagline {
		text-align: center;
	}
	blockquote {
		font-size: 1.1rem;
		font-weight: 400;
		margin: 6px 0px;
		padding: 12px 0px;
	}
	blockquote p {
		line-height: 1.6;
	}
	body, p {  
		font-size: 0.9em; 
		line-height: 1.6; 
	}
}
@media only screen and (max-width: 767px) {		

	/*--- Theme iPhone ---*/	
	.ipad-display,
	.iphone-hide {
		display: none!important;
	}
	.ipad-hide {
		display: inline;
	}
    .iphone-display {
        display: inline-block!important;
    }	
	/* Header iPhone */
	#header {
		opacity: 1!important;
	}
	#header img {
        height: 100px!important;
        width: 350px!important;
		margin: 0px auto 0px;
	}
   	/* Footer iPhone */
	#footer-bottom {
        padding: 25px 0 15px;
    }
    #footer-bottom p {
        margin-left:20px;
    }
    #footer-bottom img {
        margin-right:20px;
    }
    .content {
        padding-left: 20px;
        padding-right: 20px;
    }
	.content ul,
	.content ul li {
        padding-left: 0px;
		margin-left: 0px;
		font-size: 0.96em;
    }
	/*--- Grid ---*/
	body { 
		-webkit-text-size-adjust: none; 
		-ms-text-size-adjust: none; 
		width: 100%; 
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0; 
		padding-left: 0; 
		padding-right: 0; 
	}
	.row { 
		width: 100%; 
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0;
		overflow: visible !important;
	}
	.padding {
		padding: 0px 5%;
	}
	.row .single, 
	.row .half,
	.row .two-thirds, 
	.row .third, 
	.row .fourth,
	.row .fifth { 
		width: 100%; 
	}
	.row .row .column, .row .row .columns { 
		padding: 0; 
	}
	.column, .columns { 
		width: auto !important; 
		float: none; 
		margin-left: 0; 
		margin-right: 0; 
	}
	.column:last-child, .columns:last-child { 
		margin-right: 0; 
		float: none; 
	}
	[class*="column"] + [class*="column"]:last-child { 
		float: none; 
	}
	[class*="column"]:before, [class*="column"]:after { 
		content:""; 
		display:table; 
	}
	[class*="column"]:after { 
		clear: both; 
	}
}