body {
	--header-height:140px;
	--passion-size:calc(var(--header-height) / 170 * 115);
	--blockmark-height:0px;
}

#bpopheader {
	position:relative;
	height:var(--header-height);
	background-image:url(header_bkg.png);
	background-position:top right;
	background-size:auto 100%;
	background-repeat:no-repeat;
	display:flex;
	justify-content:center;
	align-items:center;
}
#bpoppassion {
	position:absolute;
	right:0;
	top:0;
	height:var(--passion-size);
	width:var(--passion-size);
	background-image:url(logo_bp_passion.svg);
	background-size:contain;
	background-repeat:no-repeat;
}
#bpopevent {
	height:60%;
	aspect-ratio:800 / 166;
	background-image:url(logo_event.svg);
	background-size:contain;
	background-repeat:no-repeat;
}
#bpoplogo {
	position:absolute;
	top:50%;
	left:calc(var(--report-width) / 2);
	height:60%;
	aspect-ratio:223 / 60;
	transform:translate(-50%, -50%);
	background-image:url(logo_bpop.svg);
	background-size:auto 80%;
	background-position:center center;
	background-repeat:no-repeat;
}