title: Doing simple math with .css Jquery
body: <p>I'm very new to jQuery and the world of JS, so please pardon my ignorance.
  I'm trying to get the width of the .grid-sarah so I can center content inside of it. Everythings working fine, except the (heightFix-30) does it not recognize that it's doing -30px not -30? also the var textIndent isn't working when I divide it by 4. I don't think showing my CSS and HTML is necessary let me know otherwise.</p>
  
  <p>Script</p>
  
  <pre><code> function squares(){
    var heightFix = $('.grid-sarah').css('width');
    var heightFixer = (heightFix-30);
    var textIndent = (heightFix/4); 
      $('figure.effect-sarah').height(heightFixer); //-30px off
      $('figure.effect-sarah h2').css('line-height', heightFix);
      $('figure.effect-sarah h2').css('text-indent', textIndent);
      // $('figure.effect-sarah h2').css('margin-left', '25%');
  };
  
    squares();
  
  $( window ).resize(function() {
    squares();
    return false;
  });
  </code></pre>