@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;
	}
	#nav {
		--line-width:24px;
		--line-height:1px;
	}
	#nav .buttons {
		top:calc(var(--header-height) * -1 + 5px);
		right:5px;
	}
	#nav.on .buttons {
		top:5px;
	}
	
  #nav:not(.on) .content .leg.on {
    display:none;
  }
  #nav .buttons .burger .line:before {
	  top:-7px;
  }
  #nav .buttons .burger .line:after {
	  bottom:-7px;
  }
	
	#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%;
}

}