I'm attempting to use [FlowType.JS](http://simplefocus.com/flowtype/) on [this site](http://www.bibandtucker.net.au/test).

I have the following in the head:

```
<script type='text/javascript' src='http://www.bibandtucker.net.au/test/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
<script type="text/javascript" src="http://www.bibandtucker.net.au/test/wp-content/themes/blueduck3/js/flowtype.js"></script>
<script type="text/javascript">
  $('body').flowtype({
    minimum   : 500,
    maximum   : 1200,
    minFont   : 12,
    maxFont   : 40,
    fontRatio : 30
  });
</script>   

```

However, the #content P, H1, and the #menu A, p.bookings, div.opening-hours do not scale downward when I make the viewport smaller.

Does anyone have an idea why? Thanks.