responsive email columns

gistfile1.txt

mobile CSS:

	@media only screen and (max-width: 480px) {
		table[id=footer] table {
			margin: 0 auto 0;
			width: 100% !important;
		}
	}
		
		
<table border="0" cellpadding="0" cellspacing="0" id="footer" width="100%">
    <tbody><tr><td>
	<table width="25%" align="left" id="col-1" cellpadding="0" style="mso-table-lspace:0pt; mso-table-rspace:0pt;">
		<tbody><tr><td align="left">logo here</td></tr>
	</tbody></table>
	<table width="45%" align="left" id="col-2" cellpadding="0">
		<tbody><tr><td align="right" valign="top">
		address here
		</td></tr>
	</tbody></table>
	<table width="25%" align="right" id="col-1" cellpadding="0"style="mso-table-lspace:0pt; mso-table-rspace:0pt;">
		<tbody><tr><td align="left">Facebook</td><td>Twitter</td></tr>
	</tbody></table>
    </td></tr></tbody>
</table>