CodePen.io Problem

I can’t figure out how to get my header image
size to be smaller, it needs to be smaller unless someone knows how to make the cyan background text be like 200px away from the top.

this is the link: https://codepen.io/Oboe-Baggins/pen/qBqRKwe

possible way of resizing image relative to height of its wrapper:


#header {
	height:50px;
}
.logo {
	height:100%;
}
#header-img {
	height:100%;
	width:auto;
}

potential way of moving the other stuff down, wrap everything except your header in a div id="content-wrap"

#content-wrap {
    margin-top:200px;

image
How do I fix this, I had it right before, but now it is not in order. It should have Boss 2 and its

element underneath it, Boss 3 and its

element underneath it, and so on, but now they are all grouped together, and you can’t see all of them.

I was trying to say p element but it cut it out.