Rikard thanks, there is no more additional area, logo is always centered in black area.
The main question remains: how to slim black main header height for 20%.
I found solution below in forum, but in a mobile mode (360×640) logo is positioned outside black area.
#header {
height: 40px;
}
.container.av-logo-container, .container.av-logo-container a, .container.av-logo-container a img {
height: 40px !important;
line-height: 40px !important;
max-height: 40px !important;
}
on the left you can see additional dark gray area, in the middle logo is not in the middle, and on the right everything is fine (but i want to reduce black area height).