html, body, h1, p {
    margin: 0px;
    padding: 0px;
}

html {
    min-height: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: url("photo.jpg") bottom right no-repeat, 
                url("photo-l.jpg") bottom left repeat-x, 
                url("photo-u.jpg") top right repeat-y,
                url("photo-lu.jpg") top left repeat;
}

body {
    font-family: "Arial", sans-serif;
    background-color: rgba(255, 255, 255, 0.75);
}

h1 {
    font-size: 18pt;
    padding: 9px;
    background: rgb(0, 47, 95);
    color: rgb(247, 247, 247);
    font-weight: normal;
}

p {
    font-size: 12pt;
    padding: 9px;
    line-height: 24px;
}

p+p {
    padding-top: 0px;
}


@media (min-width: 640px) {
    html {
        height: 100%;
    }

    body {
        border: 3px solid rgb(0, 47, 95);
        border-top: 0px;
        max-width: 640px;
        position: relative;
        top: 25%;
        left: 25%;
        transform: translateY(-25%) translateX(-25%);
    }
}