<!DOCTYPE html> <html lang="en"> <head> <title>CAA Eleven</title> <!-- Viewport size and orientation-zoom-lock --> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <!-- User IE's EDGE rendering engine --> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style type="text/css"> * { margin: 0; padding: 0; } /*html { background: url('caa_eleven.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }*/ body { overflow: hidden; background-color: #aeadad; } /* .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5000; }*/ .centered { position: fixed; width: 745px; height: 465px; top: 50%; left: 50%; margin-top: -233px; margin-left: -373px; border: 0px #aeadad none; } @media only screen and (max-width: 320px) and (max-height: 480px) { .centered { width: 248px; height: 155px; top: 50%; left: 50%; margin-top: -78px; margin-left: -124px; border: 0px #aeadad none; } } @media only screen and (max-width: 480px) and (max-height: 320px) { .centered { width: 373px; height: 233px; top: 50%; left: 50%; margin-top: -116px; margin-left: -186px; border: 0px #aeadad none; } } </style> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7797669-20']); _gaq.push(['_setDomainName', 'caaeleven.com']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <img src="caa_eleven_half.png" class="centered" alt="" /> </body> </html>