body {    height: 100%;    overflow: auto;    overflow-y: scroll !important; }#bg {	background: #000 url('../img/yg_all-of-us_9411.jpg') center center no-repeat;	background-position: fixed;	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	-webkit-overflow-scrolling: touch !important;	    z-index: 0;	    width: 100%;    height: 100%;    overflow: auto;	position: fixed;	top: 0;	left: 0;}p, h1, h2, h3, li {	position: relative;	float: left;	clear: both;	font-family: Arial, Helvetica, sans-serif;	color: #eee;	background-color: rgba(0, 0, 0, 0.8);	padding: 10px;	margin: 10px 0;}	h1, h2 {		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		line-height: 0.85em;		font-weight: normal;		text-transform: uppercase;		letter-spacing: -1px;	}	a {	color: #fff;	outline: none;}.header {	position: fixed;	float: none;	width: 300px;	margin-top: 20px;}	.header p {		margin-left: 20px;	}	.header a {		text-transform: uppercase;		text-decoration: none;		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	}		.header a:hover,		.header a:focus {			text-decoration: underline;		}	.logo {	position: relative;	float: left;	clear: both;	width: 200px;	margin-left: 20px;}	.logo img {		width: 100%;	}	.nav {    position: relative;    display: block;    float: left;    margin: 20px 0 10px 20px;    padding: 0;    list-style: none outside none;}	.nav li {		display: block;		clear: both;		margin: 0 10px 10px 0;		padding: 0	}	.nav a {		display: block;		padding: 10px;	}	.nav .space-bottom {		margin-bottom: 25px;	}.container {	position: relative;	float: left;	width: 100%;	max-width: 660px;	margin-top: 127px;	margin-left: 300px;}.content {	margin-left: 20px;	margin-right: 20px;}.item {	position: relative;	float: left;	clear: both;	width: 100%;	max-width: 640px;	margin-bottom: 30px;	padding-bottom: 20px;}	.item img {		width: 100%;		border: 1px solid rgba(0,0,0, 0.8);	}.video {	position: relative;	clear: both;	padding-bottom: 56.25%; /* 16:9 *//*	padding-top: 25px;*/	height: 0;}	.video iframe {		position: absolute;		top: 0;		left: 0;		width: 100%;		height: 100%;	}.footer {	display: none;}@media only all and (max-width: 960px) {	.header {		position: relative;		float: left;	}	.logo,	.nav,	.header p,	.content {		margin-left: 10px;		margin-right: 10px;	}	.nav li {		display: block;		clear: none;	}	.container {		margin-top: 40px;		margin-left: 0;	}		h1 {		font-size: 1.4em;	}	h2 {		font-size: 1.2em;	}	p {		font-size: 0.93em;	}	}/* ************** */.iphone, .iphone-h,.ipad, .ipad-h {	position: absolute;	display: block;	top: 0;	left: 0;	width: 320px;	height: 480px;	border: 1px solid red; /* *************************************************** */	z-index: 10000;}.iphone-h {	width: 480px;	height: 320px;	border: 1px solid red; /* *************************************************** */}.ipad {	width: 768px;	height: 1024px;	border: 1px solid blue; /* *************************************************** */}.ipad-h {	width: 1024px;	height: 768px;	border: 1px solid blue; /* *************************************************** */}