.card {
	margin: 10px 0;
	background-color: #fff;
  color: #4a4a4a;
	box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
	max-width: 100%;
	position: relative;
}

.card-header {
	background-color: none;
	align-items: stretch;
	box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
	display: flex;
}

.card-header-title {
	margin: 0;
	align-items: center;
	color: #363636;
	display: flex;
	flex-grow: 1;
	font-weight: 700;
	padding: 0.5rem 0.75rem;
}

.card-content {
	background-color: none;
	padding: 0.5rem 1rem;
}

.card-column {
	margin: 10px 0;
	display: flex;
	/* justify-content: space-between; */
}

.card-column span {
}

.card-column > .server-name {
	width: 6rem;
}
.card-column > .server-latency {
	flex: 1;
	text-align: center;
}
.card-column > .server-speed {
  flex: 1;
  text-align: center;
}