HTML to print pdf CSS
<p>I have a simple HTML page that I want to convert to pdf (print mode). I got the Header to repeat in every page but I noticed that the header covers the content in the second page. Any one know how to avoid that?</p>

<p>Note: I am using Bootstrap, but I commented it out so I could use my own styles.</p>

<p>SCSS:</p>

<pre><code>@media print{
header{
  position: fixed;
  top: 0;
  border: none;
}
main{
  margin-top: 2cm;
}

footer{
  position: fixed;
  bottom: 0;
}
@page {
  size: auto;
  //margin: 6.35mm;
}
}
</code></pre>

<p>Fiddle for HTML: <a href="https://jsfiddle.net/u1oy0ehj/" rel="nofollow">https://jsfiddle.net/u1oy0ehj/</a></p>

<p>Thanks!</p>