.contact-details
{
	grid-gap: 32px;
}

.contact-details .element
{
	grid-template-columns: max-content auto;
	grid-gap: 16px;
}

.contact-details .heading
{
	grid-template-columns: auto;
	padding: 0 0 16px;
	background: none;
}

.contact-details p
{
	color: #222;
}

.contact-details a
{
	color: #222;
	text-decoration: none;
}

/* - */

.contact-title-container h1
{
	align-self: center;
}

.contact-icon
{
	align-self: center;
	background-color: #3E16FF;
	max-width: 48px;
	border-radius: 64px;
	padding: 8px;
}

.contact-content-container
{
	display: grid;
	justify-content: start;
	align-content: center;
}

/* - */