Scaling a div with window size
<p>So, i'm a beginner html/css coder and trying to make a simple site.
Now I have a neat background that behaves perfectly.
But when adding a logo at the top center it looks perfect on the current window size. But when I resize the window, half of the logo is cut off. </p>

<p>My CSS style:</p>

<pre><code>.header-logo {
background: url(images/header-logo.png);
position: relative;
height: 200px;
margin-left:auto;
margin-right:auto;
background-size:cover;
width: 971px;
z-index: 2;
}
</code></pre>

<p>I suppose there is an auto scale css/js setting for that but i'm not lucky enough to find it.</p>

<p>All help is appreciated!</p>

<p>Louis</p>