title: Make Intro.js tooltip responsiv
body: <p>I'm using <a href="http://introjs.com/" rel="nofollow">intro.js</a> to guide users through my application the first time they log in. It's a great tool and it works, the only downside I see is that the <code>introjs-tooltip</code> element is not responsiv. </p>
  
  <p>As you can see below the tooltip has a <code>min-width</code> and <code>max-width</code> in <code>px</code> which really don't make it very responsiv. Also this makes the image I include in some of the steps really small and kind of useless, because of the small size.</p>
  
  <h2>CSS - Simplyfied</h2>
  
  <pre><code>.introjs-tooltip {
      position: absolute;
      visibility: visible;
      padding: 10px;
      min-width: 200px;
      max-width: 300px;
  }
  </code></pre>
  
  <p>I have been working on this "issue" for a few days now, and can't figure it out. </p>
  
  <p>So my questions are: Is there a way to make the <code>tooltip</code> use <code>%</code> instead of <code>px</code> without having to change to much in the <code>intro.js</code> file? If not, what would you guys recommend me to do?</p>