@media all {
    .main {
        display: block;
        margin: 2em 0 2em 0;
        clear: left;
        padding: 4em;
    }

    table.body {
        margin: 0;
    }

    .body td {
        padding: 1em;
    }

    .body td.left {
        vertical-align: middle;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }

    .promo {
        display: block;
        text-align: center;
        font-size: large;
        font-family: "Birch Std", sans-serif;
    }
}

@media screen {
    .main {
        background-image: url(../images/home_background.jpg);
        border: 2px solid white;
        border-left: 0;
        border-right: 0;
    }

    .body td.left {
        width: 300px;
        height: 300px;
        background-image: url(../images/home_text_background1.png);
        background-position: center left;
        background-repeat: no-repeat;
    }

    .body td.right {
        background-image: url(../images/home_text_background.png);
    }
}