/* --- content -------------------- */
#sph-table {
	width: 100%;
}
#sph-table th {
	font-weight: normal;
	color: #243440;
	background-color: var(--color-prime);
}
.sph-arrow {
	color: #487ca4;
}

/* ================================================== */
@media screen and (min-width: 1001px) {
	#data-container {
		padding-right: 2px;
	}
	thead {
		position: sticky;
		top: 0;
	}
}
@media screen and (max-width: 1000px) {
	.Deleg-Name { display: none; }
}
@media screen and (max-width: 800px) {
	h2 { margin-left: 5px; }
	.Country { display: none; }
}
@media screen and (max-width: 500px) {
	.City { display: none; }
}