title: Media Query, change specific TD tag font size via class
body: <p>So I need to change specific td elements font size through media queries. </p>
  
  <p>EXCLAIMER *** Yes I know inline styles are horrible but I have to use them for this piece of work</p>
  
  <p>I have two class .tbold and .tnormal which are for  elements and I want to change their font size when the page because a mobile size e.g. 320px. I know how to do this if I was just using a normal class system or something like bootstrap but when using tables I am not sure how to do this</p>
  
  <p>Here is my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Audi MK Advert&lt;/title&gt;
      &lt;style&gt;
        @font-face {
          font-family: 'audibold';
          font-style: normal;
          font-weight: bold;
          src: url('helper-files/fonts/AudiBold.otf') format('opentype');
        }
  
        @font-face {
          font-family: 'audinormal';
          font-style: normal;
          font-weight:normal;
          src: url('helper-files/fonts/AudiNormal.otf') format('opentype')
        }
  
        @media all and (max-width: 500px) and (min-width: 320px) {
          table {
            #tnormal {
              font-size: 10px;
            }
          }
        }
  
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
      &lt;!-- Audi Logo Top Right --&gt;
      &lt;table style="float:right";
              display:block;
              margin-bottom: 10px&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;img src="helper-files/imgs/logo.png"&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  
      &lt;br&gt;
      &lt;br&gt;
  
      &lt;!-- Grey Navbar --&gt;
      &lt;table style="margin:auto"&gt;
        &lt;tr style="display:block; background-color:#858585"&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/navbutton2.jpg" style="margin-bottom: 5px"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/navbutton3.jpg" style="margin-bottom: 5px"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/navbutton4.jpg" style="margin-bottom: 5px"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/navbutton5.jpg" style="margin-bottom: 5px"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/navbutton6.jpg" style="margin-bottom: 5px"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/navbutton1.jpg" style="margin-bottom: 5px"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/navbutton7.jpg" style="margin-bottom: 5px"&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  
  
      &lt;!-- Audi Large Photo --&gt;
      &lt;table style="width:100%"&gt;
        &lt;tr&gt;
          &lt;td style=align:"center"&gt;&lt;img src="helper-files/imgs/header.jpg" style="width:100%"&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  
      &lt;!-- Body of text --&gt;
      &lt;table style="background-color: lightgray; padding-bottom: 20px; color:grey"&gt;
        &lt;tr&gt;
          &lt;td style="font-weight:bold; padding-bottom:15px; padding-top: 35px; font-size:35px; padding-left: 15px; padding-right: 15px;font-family: audibold"&gt;Whats in the name?&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;tr&gt;
          &lt;td class="tbold"; style="padding-bottom:15px; font-weight:bold; padding-right: 15px; padding-left: 15px; font-family: audibold"&gt;To reflect Ridgeway’s acquisition by Marshall Motor Holdings plc in May of this year, effective from the 1st of November, we have rebranded to Marshall.&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;br&gt;
  
        &lt;tr&gt;
          &lt;td style="padding-bottom:15px; padding-left: 20px; padding-right: 15px; font-family: audinormal"&gt;Don’t worry – it’s not all change. Our excellent staff, standards and values will remain the same, ensuring that you receive consistently high levels of service.&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;br&gt;
  
        &lt;tr class="tnormal"&gt;
          &lt;td style="padding-bottom:15px; padding-left: 20px; padding-right: 15px; font-family: audinormal"&gt;The largest expansion acquisition that Marshall Motor Group has made to date, we are now part of a group that operates 103 franchise dealership businesses representing 24 different manufacturer brands across 25 counties in England, with
              a turnover in excess of £2.1bn per annum and 3,500 colleagues; but you, the customer, are still our Number One!&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;br&gt;
  
        &lt;tr class="tnormal"&gt;
          &lt;td style="padding-bottom:15px; padding-left: 20px; padding-right: 15px; font-family: audinormal"&gt;With Marshall Motor Group (who are the 7th largest UK motor group in the UK), we are in a better position than ever to exceed expectations and adopt 106 years of dedicated Marshall expertise, with customer care and impeccable industry
              knowledge at the heart of everything we do.&lt;/td&gt;
        &lt;/tr&gt;
  
          &lt;br&gt;
  
        &lt;tr class="tnormal"&gt;
          &lt;td style="padding-bottom:15px; padding-left: 20px; padding-right: 15px; font-family: audinormal"&gt;Just like always, we’re with you for the road ahead. Welcome to the next destination of our exciting journey. As part of the rebrand &lt;a href="http://www.marshall.co.uk/" style="text-decoration:none; color:black; font-weight: bold;"&gt;ridgeway.co.uk&lt;/a&gt; will redirect to our new online home of &lt;a href="http://www.marshall.co.uk/" style="text-decoration:none; color:black; font-weight: bold"&gt;marshall.co.uk&lt;/a&gt; for all things Audi sales, service
              and parts!&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;tr class="tnormal"&gt;
          &lt;td style="font-weight:bold; font-size:35px; padding-left: 15px; padding-right: 15px; font-family: audibold"&gt;Marshall&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;tr class="tnormal"&gt;
          &lt;td style="font-weight:bold; font-size:35px; padding-left: 20px; padding-right: 15px; font-family: audibold"&gt;The new name for Audi in Oxford and Newbury.&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  
      &lt;!-- Red Labels --&gt;
      &lt;table style="padding:20px; margin: auto"&gt;
        &lt;tr style= "display: block"&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/visit.jpg"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/about.jpg"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/contact.jpg"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src="helper-files/imgs/livechat.jpg"&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  
      &lt;hr&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>