body {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#000000;
	font-size:14px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-box-align:stretch;
	background:#ffffff url("../img/3000_portrait_iphone_5sm.jpg") no-repeat top center;
	background-size:cover;
}

.button {
	border-radius:0;
	text-shadow:none;
	position:relative;
	/* display:inline-block;  */
	display: none;
	padding:8px 12px;
	margin:8px 0;
	font-weight:bold;
	color:#000;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
	background-color:#eee;
	border:1px solid #666;
	text-decoration:none;
	z-index:2;
}

.pages {
  z-index: 180;
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: transparent;
  color: #000000;
  overflow: hidden;
}

p {
  display: block;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 20px;
  color: inherit;
}

img {
    transform: scale(1.0);
}


.panel {
  background: transparent;
    text-align:center;
}

.ios7 .view header {
	background:transparent;
	border-bottom: none;
}

.ios7 .panel {
  background: transparent;

}

.ios7 .view footer > a:not(.button) {
  color: #000062;
}

.ios7 footer  > a.pressed:not(.button),
.ios7 footer  > a.icon.pressed:not(.button):before {
  color: #008900;
}


   /* ----  Begin iPhone 4 ------- */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (device-aspect-ratio: 2/3) { /* STYLES GO HERE */

	.ios7 .panel {
	background: transparent;
	top: 0px;
	}
	
	.pages { height=100%;}
	
	.spacer {
		height: 100px;
	}

	p {
	margin: 0 0 -5px 0;
	}

}

 /* ----  End iPhone 4 ------- */

   /* ----  Begin iPhone 5 ------- */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (device-aspect-ratio : 40/71)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */

	.view header	{
	height: 24px;
	}
	
	.ios7 .panel {
	background: transparent;
	top: 0px;
	}
	
	.spacer {
		height: 100px;
	}

	.ios7 .panel {
	background: transparent;
	top: -5px;
	padding-bottom: 1px;
	}

	p {
	margin: 0 0 10px 0;
	}
}

 /* ----  End iPhone 5 ------- */
 
    /* ----  Begin iPhone 6 ------- */

@media only screen
and (min-device-width : 375px)
and (max-device-width : 627px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */

	.view header	{
	height: 24px;
	}
	
	.ios7 .panel {
	background: transparent;
	top: 0;
	}
	

	.ios7 .panel {
	background: transparent;
	top: -10px;
	padding-bottom: 1px;
	}

	p {
	margin: 10px 0 0 0 ;
	}
}

 /* ----  End iPhone 6 ------- */

  /* ----  Begin iPhone 6plus ------- */

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (device-aspect-ratio : 9/16)
and (-webkit-min-device-pixel-ratio: 3) { /* STYLES GO HERE */

	img {
    transform: scale(1.2);
    }

	.ios7 .panel {
	background: transparent;
	top: 40px;
	}

	.spacer {
		height: 110px;
	} 

	p {
	margin: 0 0 25px 0;
	}

	.ios7 .panel2 {
	background: transparent;
	top: 150px;
	}

	.ios7 .panel2 p {
	margin: 0 0 30px 0;
	}

}

 /* ----  End iPhone 6plus ------- */