@media (min-width:901px) {
}


@media (max-width:1100px) {
	body {
		--header-height:80px;
		--passion-size:calc(var(--header-height));
	}
}


@media (max-width:900px) {
	body {
		--header-height:80px;
		--blockmark-height:0px;
	}
	#bpoplogo {
		top:50%;
		left:10px;
		transform:translateY(-50%);
	}
	
}


@media (max-width:530px) {
	body {
		--header-height:60px;
	}
}


@media (max-width:475px) {
	#bpopheader {
		background-image:none;
	}
	#bpopevent {
		margin-left:calc(var(--header-height) / 60 * 223 * 0.8 * 0.6);
		background-size:auto 80%;
}

}