Emails not responsive

Hello, our email newsletter isn't appearing quite as it should on smart phone (iphones, particularly). The text is small and not expanding to fit the phone. If anyone could deduce why it isn't responsive I'd be very grateful. Here is the code for the template...thanks in advance. Arthur

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Ariadne's Thread</title>
<style type="text/css">
    body{background:#BFBFBF; color:#343434; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    a {color:#343434;}
    a:link {text-decoration:none;}
    a:hover {text-decoration:none; color:#CF3800;}
    img{border:0; margin:0; padding:0;}
    .yshortcuts {color:#ff0500;}
    @media only screen and (max-device-width: 480px) {
     .page {
          padding: 0px 10px 5px 10px !important;
     }
     body {
          padding: 10px !important;
     }
     #airmail-line {
          margin: 0 -10px !important;

     }
     .header {
          font-size: 16px !important;
     }
     .headline {
          font-size: 20px !important;
     }
     #screenshot {
          width: 275px;
          height: 190px;
     }
}
</style>
</head>
<body bgcolor="#BFBFBF">
<center>
  Having trouble viewing this email?
  <webversion>
  View it in your browser</webversion>
  <br>
<br>
  <table width="600" align="center" border="0" cellspacing="5" cellpadding="5" bgcolor="#FCFCFC">
    <tbody>
      <tr>
        <td><table style="font-family:Open Sans, Helvetica, Arial, sans-serif;" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
              <tr><td align="center"><img src="images/ariadne_logo_strap_plus.png"/></td></tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="5" cellpadding="5">
                    <tbody>
                      <tr>
                        <td width="180px"><img editable="true" src="images/top_image_1.png" width="186" /></td>
                        <td width="180px"><img editable="true" src="images/top_image_2.png" width="186" /></td>
                        <td width="180px"><img editable="true" src="images/top_image_3.png" width="186" /></td>
                      </tr>
                    </tbody>
                  </table></td>
              </tr>
              <tr>
                <td style="color:#808285;font-size:16px;font-weight:600;"><table width="100%" border="0" cellspacing="5" cellpadding="10">
                    <tbody>
                      <tr align="center">
                        <td width="180px"><a href="#AriadneNewsandevents"><img src="images/news_70.png" /></a></td>
                        <td width="180px"><a href="#NewResearchArticlesandJudgements"><img src="images/research70.png" /></a></td>
                        <td width="180px"><a href="#BlogsandOtherSitesofInterest"><img src="images/blogs70.png" /></a></td>
                      </tr>
                      <tr align="center" style="font-weight:600;">
                        <td><a href="#AriadneNewsandevents">Ariadne News and events</a></td>
                        <td><a href="#NewResearchArticlesandJudgements">New Research, Articles and Judgements</a></td>
                        <td><a href="#BlogsandOtherSitesofInterest">Blogs and Other Sites of Interest</a></td>
                      </tr>
                      <tr align="center">
                        <td width="180px"><a href="#Grant-Making"><img src="images/grants70.png" /></a></td>
                        <td width="180px"><a href="#JobsandTenders"><img src="images/jobs70.png" /></a></td>
                        <td width="180px"><a href="#PublicMeetings"><img src="images/meetings70.png" /></a></td>
                      </tr>
                      <tr align="center" style="font-weight:600;">
                        <td width="180px"><a href="#Grant-Making">Grant-Making</a></td>
                        <td width="180px"><a href="#JobsandTenders">Jobs and Tenders</a></td>
                        <td width="180px"><a href="#PublicMeetings">Public Meetings</a></td>
                      </tr>
                    </tbody>
                  </table></td>
              </tr>
              <tr>
                <table style="font-family:Open Sans, Helvetica, Arial, sans-serif;" width="100%" border="0" cellspacing="5" cellpadding="5">
                  <tbody>
                    <tr>
                      <td style="color:#808285;font-size:12px;font-weight:400;"><currentmonthname>
                          <currentday>
                            <currentyear>
                         
                        </td>
                    </tr>
                    <tr>
                      <td><img src="images/news_70.png" /></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:16px;font-weight:600;"><a name="AriadneNewsEvents"></a>Ariadne News & Events</td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:14px;"><multiline> Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          <ul>
                            <li> Bullet 1 </li>
                            <li> Bullet 2 </li>
                            <li> Bullet 3 </li>
                          </ul>
                        </multiline></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-weight:600;font-size:14px;"><singleline>SEE MORE</singleline>
                        <hr style="color:#808285;height:1px;width:10%;border:0;background-color:#000" /></td>
                    </tr>
                  </tbody>
                </table>
                <table style="font-family:Open Sans, Helvetica, Arial, sans-serif;" width="100%" border="0" cellspacing="5" cellpadding="5">
                  <tbody>
                    <tr>
                      <td><img src="images/research70.png" /></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:16px;font-weight:600;"><a name="NewResearchArticlesandJudgements"></a>New Research, Articles and Judgements</td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:14px;"><multiline> Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          <ul>
                            <li> Bullet 1 </li>
                            <li> Bullet 2 </li>
                            <li> Bullet 3 </li>
                          </ul>
                        </multiline></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-weight:600;font-size:14px;"><singleline>SEE MORE</singleline>
                        <hr style="color:#808285;height:1px;width:10%;border:0;background-color:#000" /></td>
                    </tr>
                  </tbody>
                </table>
                <table style="font-family:Open Sans, Helvetica, Arial, sans-serif;" width="100%" border="0" cellspacing="5" cellpadding="5">
                  <tbody>
                    <tr>
                      <td><img src="images/blogs70.png" /></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:16px;font-weight:600;"><a name="BlogsandOtherSitesofInterest"></a>Blogs and Other Sites of Interest</td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:14px;"><multiline> Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          <ul>
                            <li> Bullet 1 </li>
                            <li> Bullet 2 </li>
                            <li> Bullet 3 </li>
                          </ul>
                        </multiline></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-weight:600;font-size:14px;"><singleline>SEE MORE</singleline>
                        <hr style="color:#808285;height:1px;width:10%;border:0;background-color:#000" /></td>
                    </tr>
                  </tbody>
                </table>
                <table style="font-family:Open Sans, Helvetica, Arial, sans-serif;" width="100%" border="0" cellspacing="5" cellpadding="5">
                  <tbody>
                    <tr>
                      <td><img src="images/grants70.png" /></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:16px;font-weight:600;"><a name="Grant-Making"></a>Grant-Making</td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:14px;"><multiline> Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          <ul>
                            <li> Bullet 1 </li>
                            <li> Bullet 2 </li>
                            <li> Bullet 3 </li>
                          </ul>
                        </multiline></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-weight:600;font-size:14px;"><singleline>SEE MORE</singleline>
                        <hr style="color:#808285;height:1px;width:10%;border:0;background-color:#000" /></td>
                    </tr>
                  </tbody>
                </table>
                <table style="font-family:Open Sans, Helvetica, Arial, sans-serif;" width="100%" border="0" cellspacing="5" cellpadding="5">
                  <tbody>
                    <tr>
                      <td><img src="images/jobs70.png" /></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:16px;font-weight:600;"><a name="JobsandTenders"></a>Jobs and Tenders</td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:14px;"><multiline> Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          <ul>
                            <li> Bullet 1 </li>
                            <li> Bullet 2 </li>
                            <li> Bullet 3 </li>
                          </ul>
                        </multiline></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-weight:600;font-size:14px;"><singleline>SEE MORE</singleline>
                        <hr style="color:#808285;height:1px;width:10%;border:0;background-color:#000" /></td>
                    </tr>
                  </tbody>
                </table>
                <table style="font-family:Open Sans, Helvetica, Arial, sans-serif;" width="100%" border="0" cellspacing="5" cellpadding="5">
                  <tbody>
                    <tr>
                      <td><img src="images/meetings70.png" /></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:16px;font-weight:600;"><a name="PublicMeetings"></a>Public Meetings</td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:14px;"><multiline> Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem. Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet, vestibulum rhoncus vivamus at risus eu nulla euismod auctor ac cras.<br />
                          <br />
                          <ul>
                            <li> Bullet 1 </li>
                            <li> Bullet 2 </li>
                            <li> Bullet 3 </li>
                          </ul>
                        </multiline></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-weight:600;font-size:14px;"><singleline>SEE MORE</singleline>
                        <hr style="color:#808285;height:1px;width:10%;border:0;background-color:#000" /></td>
                    </tr>
                    <tr>
                      <td style="color:#808285;font-size:14px;"><table width="100%" border="0" cellspacing="5" cellpadding="5">
                          <tbody>
                            <tr align="left">
                              <td width="180px"><img src="images/new_members2.png" /></td>
                              <td width="180px"><img src="images/community_focus2.png" /></td>
                              <td width="180px"><img src="images/of_note3.png" /></td>
                            </tr>
                            <tr>
                              <td style="color:#808285;font-size:14px;vertical-align: top;"><multiline>
                                  Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem.<br />
                                    <br />
                                    Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet.
                                </multiline></td>
                              <td style="color:#808285;font-size:14px;vertical-align: top;"><multiline>
                                  Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem.<br />
                                    <br />
                                    Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet.
                                </multiline></td>
                              <td style="color:#808285;font-size:14px;vertical-align: top;"><multiline> Lorem ipsum dolor sit amet consectetuer adipiscing elit phasellus non augue quis nibh dapibus volutpat, sed eleifend orci vitae ipsum facilisis mattis in at sem.<br />
                                  <br />
                                  Aliquam erat volutpat suspendisse vitae purus ut quis orci sit amet wisi fringilla aliquet.</multiline></td>
                            </tr>
                          </tbody>
                        </table></td>
                    </tr>
                    <tr>
                      <td align="center" style="color:#808285;font-size:11px;"><center>
                          Ariadne | 56-64 Leonard Street, EC2A 4LT, London UK
                          | info@ariadne-network.eu | +44 2075490344 <br />
                          <br />
                          <unsubscribe>Unsubscribe</unsubscribe>
                        </center></td>
                    </tr>
                  </tbody>
                </table>
              </tr>
            </tbody>
          </table></td>
      </tr>
    </tbody>
  </table>
 
</center>
</body>
</html>

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098