:root {
  --xFixaerea: 160px;
  --yFixaerea: 100px;
  --xHeaderRightWidth: 200px;
  --xyPadding: 15px;
  --yheaderBorderSize: 2px;
  --xmenuBorderSize: 1px;
}

div#menuleft {
    z-index: 1;
    position: fixed;
    width: var(--xFixaerea);
    height: 100%;
    top: calc( var(--yFixaerea) + var( --yheaderBorderSize ) );
    left: 0px;
    overflow: hidden;
}

div#content {
    z-index: 0;
    padding-left: var(--xFixaerea);
    padding-top: var(--yFixaerea);
}

div#header {
  z-index: 2;
  display:flex;
  float: left;
  position: fixed;
  overflow: hidden;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  margin: 0px;
  height: var(--yFixaerea);
}

div#hfvlogo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc( var(--xFixaerea) - 2 * var( --xyPadding ) );
    heigth: calc( var(--yFixaerea) - 2 * var( --xyPadding ) );
    padding-top: var(--xyPadding);
    padding-left: var(--xyPadding);
    padding-right: var(--xyPadding);
    padding-bottom: var(--xyPadding);
}
div#hlogotitle {
    display: flex;
    width: calc( 100% - var( --xHeaderRightWidth ) - var(--xFixaerea) );
    padding-top: var(--xyPadding);
    padding-left: var(--xyPadding);
    padding-bottom: var(--xyPadding);
}
div#hflogobowa1 {
    width: var( --xHeaderRightWidth );
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: var(--xyPadding);
    padding-left: var(--xyPadding);
    padding-right: var(--xyPadding);
    padding-bottom: var(--xyPadding);
}

img#logofv {
    object-fit: scale-down;
    width: calc( var(--xFixaerea) - 4.8 * var( --xyPadding ) );
    heigth: calc( var(--yFixaerea) - 2 * var( --xyPadding ) );
}
img#logotitle {
    object-fit: scale-down;
    width: 230px;
}
img#logobowa1 {
    object-fit: scale-down;
    width: calc( var(--xHeaderRightWidth) - 2 * var( --xyPadding ) );
    heigth: calc( var(--yFixaerea) - 2 * var( --xyPadding ) );
}