html, body {
 margin: 0;
 padding: 0;
 position: relative;
 overflow: hidden;
 height: 100%;
 width: 100%;
 }


 body {
 position: relative;
 overflow: hidden;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(224,224,224,1) 75%, rgba(224,224,224,1) 100%, rgba(232,232,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(75%,rgba(224,224,224,1)), color-stop(100%,rgba(224,224,224,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,224,224,1) 75%,rgba(224,224,224,1) 100%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,224,224,1) 75%,rgba(224,224,224,1) 100%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,224,224,1) 75%,rgba(224,224,224,1) 100%,rgba(232,232,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,224,224,1) 75%,rgba(224,224,224,1) 100%,rgba(232,232,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
 
 }

 * {
 font-size: 14pt;
 }

 h1 {
 font-size: 2em;
 }

 .wrapper {
 width: 100%;
 height: 100%;
 }

 .pic, .content {
 float: left;
 }

 .pic {
 position: relative;
 overflow: hidden;
 width: 60%;
 height: 100%;
 max-height: 1135px;
 background: scroll url(/wall-e.png) right center no-repeat;
 background-size: contain;
 }

 .content {
 width: 40%;
 height: 100%;
 }

 .content .text {
 text-align: center;
 position: relative;
 top: 20%;
 }