html { 
  background: url(bg-home.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #333;
}
#page  { 

transform: perspective( 3200px ) rotateX(  45deg ) rotateZ(    -5deg ); }
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 25px;
	padding-left: 25px; 
	line-height: 1.0em;
}
h1{ font-size: 195%;
	padding-top:25px;
	padding-bottom: 0;
	margin-bottom: 5px;
	color: #040c2c;}
h2{ 
	font-size: 100%;
	font-stretch: narrower;
	font-weight:100;}

a:link, a:visited {
	text-decoration: none;
	color: #333;
}
a:hover, a:active, a:focus { 
	color: #040c2c;
	text-decoration: underline; 
}
@media screen and (min-width: 750px) {
  #page {
background: #fff;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
position: absolute;
width: 700px;
height: 350px;
top: 50%;
left: 50%;
margin-top: -175px;
margin-left: -350px;
box-shadow: 0px 30px 50px #000;
padding: 20px;
}

p{
	
	padding-left: 50%;
	padding-top: 120px;
	line-height: 150%
	
	}
 }
@media screen and (max-width: 749px) {
  #page {
background: #fff;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
position: absolute;
width: 80%;
height: 80%;
box-shadow: 0px 10px 50px #000;
padding: 20px;
margin: 5%;
}

p{
	
	padding-left: 20%;
	padding-top: 50px;
	line-height: 150%
	
	}
 }
	
	
header, section, footer, aside, nav, article, figure {
	display: block;
}