#seo {position:absolute;top:0;left:-2999px;width:600px;}  
html,body {height: 100%; padding: 0;margin: 0;}
.page {position: relative;display: table;table-layout: fixed;width: 100%;height: 100%;line-height: normal;text-align: center;
    font-family: Open Sans, sans-serif;font-size: 1.1em;color: #fff;background-color: #f0f0f0;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;}
h1,h2,h3,h4,h5 {line-height: 1.3;font-weight: normal;}
.page:before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;filter: alpha(opacity=40);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity: 0.4;}
.overlay-dark {background-color: #333;}
.overlay-dark:before {background-color: #333;}
.overlay-bright {background-color: white;}
.overlay-bright:before {background-color: white;filter: alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: 0.7;}
.bg-position-middle {background-position: 50% 50%;}
img {width: 100%;height: auto;}
.container {position: relative;display: table-cell;width: 100%;vertical-align: middle;padding: 1em 2em;z-index: 1;}
.content {max-width: 900px;margin: 0 auto;}
@media screen {.page[class] {background-image: url("foto.jpg");}}