I am having some trouble with getting a responsive email template to render properly in Outlook (desktop)... surprise surprise.

I want the right hand column to sit underneath the left hand column when viewed on mobile (achieved). Yet when view in Outlook, it shuvs the right hand column half way along and about 50px down the page.

Here is the html and css for you;

```
    @media only screen and (max-device-width: 480px) {

    table[class="container"] {
        width:300px !important;
    }

    td[class="header_body"] {
        text-align:center !important;
        padding-bottom:10px !important;
    }

    td[class="header_left_col"] {
        text-align:center !important;
        padding-bottom:10px !important;
    }   

    }

```

`<!-- START OF HEADER-->`

`<table cellpadding="0" cellspacing="0" border="0" width="600" align="center" class="container" bgcolor="#ffffff"><tr><td>`

`<table cellpadding="0" cellspacing="0" border="0" width="300" align="left" class="header_left_col"><tr><td>`LOGO`</td></tr></table>`

`<table cellpadding="0" cellspacing="0" border="0" width="300" class="header_right_col"><tr><td align="right">`Body content here`</td></tr></table>`

`</td></tr></table>`

Thanks in advance.