title: Material Design Lite hamburger menu not centered in header
body: <p>I'm copying code directly from getmdl.io (the component page) and on all devices (multiple PCs, browsers, phones, etc) the hamburger menu is not centered in the header.  I can't seem to isolate the menu icon in the css to realign it.  All the component code on getmdl.io has the burger icon displayed correctly.  Here is an example image. (I don't have enough reputation to directly link to the image.)  <a href="http://i.imgur.com/e9HiCP5.jpg" rel="noreferrer">http://i.imgur.com/e9HiCP5.jpg</a></p>
  
  <p>here is the code in question</p>
  
  <p><a href="http://pastebin.com/Wgdt71Mv" rel="noreferrer">http://pastebin.com/Wgdt71Mv</a></p>