@media (min-width:901px) {
	#dates {
		justify-content: space-evenly;
	}
	
	#coords {
		border-radius:0 10px 0 0;
		padding-right:10px;
	}
}


@media (max-width:900px) {
	body {
		--blockmark-height:0px;
	}
	#forecasts {
		top: calc(var(--viewer-top-margin) + var(--blockmark-height) + var(--report-height) + var(--margin));
		width:calc(100% - var(--margin) * 2);
		max-width:auto;
	}
}


@media (max-width:500px) {
	 #forecasts .variables .var {
		 width:30px;
		 padding-right:0;
	 }
}



@media (max-width:375px) {
	 #forecasts .variables .var.on {
		 width:30px;
		 padding-right:0;
	 }
}