JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="wrap">
        <div class="header">	<span class="img_frame">
					<img src="http://phone.pe.hu/main_logo_white.png">
				</span>

        </div>
    </div>
</div>

CSS

#wrap .header {
    position:relative;
    background-color: rgba(35, 81, 112, 0.9);
    opacity: 0.8;
    width:598px;
    height:72px;
    float:left;
    text-align: center;
    display: table;
}
#wrap .header .img_frame {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
#wrap .header .img_frame img {
    display: table-cell;
    width: 182px;
    vertical-align: middle;
    margin:0 auto;
}