/*html,body { margin:0; width:100%; overflow-y:hidden; }*/
body{
	margin:0;
	padding:0;
}

#pd { 
	margin:0 auto;
	width:96%;
	overflow-y:hidden;
	overflow-x: hidden;
}
#pd iframe{
	border: none;
	width:100vw; 
	height:100vh; 
	margin-left:auto;
	margin-right:auto;

}
.pd-footer{
	border-top:#CCC solid 1px;
	color:#666;
	text-align: center;
	font-size:14px;
	padding:20px;
	margin-bottom:0;
}
/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.header {
	border-bottom: 1px solid #0ba2ef;
	margin:0 auto 16px auto;
	padding:0 auto;
}
.header .logo {
	padding-right:2%;
	padding-left:2%;
	padding-top:1%;
	padding-bottom:1%;
	margin:0 auto;
	/*padding:0 auto;*/
}
.header .logo img {
	width: 200px;
	display: block;
	margin:0;
}

/* ------------------------------------------------------------ */
@media (max-width: 640px) {
.header .logo img {
	width: 32.8125%;
}
#pd { margin:0;
	width:94%;
}
.header .logo {
	margin:0 auto;
	padding:0 3%;
}	
}