.contact {
	display: block;
	width: 100%;
}


.contact div {
	flex: 1;
	position: relative;
}

.contact div table {
	width: 75%;
	align-self: center;
	border: 1px solid var(--brand-color-border);
	margin: 8pt;
	border-radius: 4px;
	background-color: black;
}

.contact td {
	padding: 4px;
}

.contact div table td:first-of-type {
	/* border-right: 1px solid var(--brand-color-border); */
	box-sizing: border-box;
	width: 33%;
	font-weight: bold;
	text-align: right;
}

@media (min-width:800px) {
	.contact {
		display: flex;
		border-bottom: 1px solid var(--brand-color-border);
	}

	.contact div:last-of-type {
		border-left: 1px solid var(--brand-color-border);
	}

	.contact div center {
		display: block;
		position: relative;
	}

	.contact div center {
		height: 80pt;
	}
	
	.contact div table {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		height: max-content
	}	
}