:root {--logo-width-mobile: 100px;}
@media (min-width: 500px) and (min-height: 500px) {:root {--logo-width-mobile: 160px;}}
@media (min-width: 800px) and (min-height: 700px) {:root {--logo-width-mobile: 220px;}}

#jbjs-logo img {
	margin:0;
}
#jbjs-logo.mobile img {
	width: var(--logo-width-mobile);
}
#jbjs-logo.desktop img {
	height: 72px;
}

@media (min-height:501px) and (max-height:800px) {	
	#jbjs-logo.desktop img {
		height: 58.5px; /* 65% of 90 */
	}
}

@media (max-height:500px) {
	#jbjs-logo.desktop img {
		height: 45px;	/* 50% of 90 */
	}
}