body
{
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 19%, #f7d091 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#f4f4f4), color-stop(100%,#f7d091)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 19%,#f7d091 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 19%,#f7d091 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 19%,#f7d091 100%); /* IE10+ */
background: linear-gradient(top,  #f4f4f4 19%,#f7d091 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7d091',GradientType=0 ); /* IE6-9 */
}
div.bg2
{
height: 100%; width: 100%; 
}
div.bb
{
display:inline-block;
position: absolute; bottom: 10%; left: 0%; right: 0%;
}
div.bb h3
{
text-align:center; margin-left: auto; margin-right: auto;
}
div.bb p
{
text-align:center; margin-left: auto; margin-right: auto;
}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: -30%;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}