/* #Structure */

.container { position: relative; width: 100%; margin: 0 auto; padding: 0; }


/* Smartphones (portrait)  */
@media only screen
and (min-width : 320px)
and (max-width : 479px) {
.container { width: 280px; }
.logo {
	background-size: contain;
	margin: 33px 0 0 0;
	padding-bottom: 33px;
	width: 210px;
	height: 47px;
}
p{
	font-size: 20px;
	line-height: 26px;
}

p.spacer1, p.spacer2, p.spacer3, p.spacer4{ height: 7px; }

.footer { display: none; }
.divider { display: none; }
}

/* Smartphones (Landscape) */
@media only screen
and (min-width : 480px)
and (max-width : 767px) {
body{
	-webkit-font-smoothing: none; /* Prevent font scaling in landscape */
 }
.container { width: 440px; }
.logo {
	background-size: contain;
	margin: 33px 0 0 0;
	padding-bottom: 33px;
	width: 210px;
	height: 47px;
}
p{
	font-size: 20px;
	line-height: 26px;
}
p.spacer1, p.spacer2, p.spacer3, p.spacer4{ height: 7px; }
.footer { display: none; }
.divider { display: none; }
}

/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

body{
	-webkit-transform: translate3d(0,0,0); /* Prevent font scaling in landscape */
 }
.container { width: 900px; }
.logo {
	background-size: contain;
	margin: 55px 0 0 0;
	padding-bottom: 55px;
	width: 350px;
	height: 78px;
}
p{
	font-size: 34px;
	line-height: 42px;
}
p.spacer1, p.spacer2, p.spacer3, p.spacer4{ height: 14px; }

.footer { display: none; }
.divider { display: none; }
}


/* iPads (Portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.container { width: 728px; }
.logo {
	background-size: contain;
	margin: 55px 0 0 0;
	padding-bottom: 55px;
	width: 350px;
	height: 78px;
}
p{
	font-size: 34px;
	line-height: 42px;
}
p.spacer1, p.spacer2, p.spacer3, p.spacer4{ height: 14px; }

.footer { display: none; }
.divider { display: none; }
}


/* iPads  */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
.container { width: 728px; }
.logo {
	background-size: contain;
	margin: 55px 0 0 0;
	padding-bottom: 55px;
	width: 350px;
	height: 78px;
}
p{
	font-size: 34px;
	line-height: 42px;
}
p.spacer1, p.spacer2, p.spacer3, p.spacer4{ height: 14px; }

.footer {
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0 100px 0;
	display: block;
	float: left;
}
.divider {
	margin: 30px 0 0 0;
	float: left; display: inline;
	width:100%;
	height: 1px;}
}

/* Laptops */
@media only screen
and (min-width : 1025px) {
.container { width: 900px; }
.logo {
	background-size: contain;
	margin: 63px 0 0 0;
	padding-bottom: 63px;
	width: 400px;
	height: 90px;
}
p{
	font-size: 40px;
	line-height: 50px;}
p.spacer1, p.spacer2, p.spacer3, p.spacer4{ height: 17px; }

.footer {
	color: #666;
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0 100px 0;
	display: block;
	float: left;
}
.divider {
	margin: 30px 0 0 0;
	float: left; display: inline;
	width:100%;
	height: 1px;}
}


/* LargeScreens */
@media only screen
and (min-width : 1224px) and (min-height : 900px) {
.container { width: 1000px; }
.logo {
	margin: 80px 0 0 0;
	padding-bottom: 80px;
	width: 509px;
	height: 114px;
}

p{
	font-size: 46px;
	line-height: 58px;
}
p.spacer{ height: 20px; }

.footer {
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0 100px 0;
	display: block;
	float: left;
}
.divider {
	margin: 30px 0 0 0;
	float: left; display: inline;
	width:100%;
	height: 1px;}


}