title: resizing flipclock.js not resizing as expected
body: <p><a href="http://flipclockjs.com/" rel="nofollow">http://flipclockjs.com/</a></p>
  
  <p>I'm using the default clockface, all I want to do is roughtly resize by 1/3 but for whatever reason it isn't resizing as I expect</p>
  
  <p>In flipclock css I changed the following</p>
  
  <pre><code>.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 20px;
  height: 30px;
  font-size: 27px;
  font-weight: bold;
  line-height: 29px;
  border-radius: 6px;
  background: #000;
  }
  </code></pre>
  
  <p>but the width of each ul is is 40px;</p>
  
  <p>If anyone can point me in the right direction that would be great..</p>