/* Variables */
:root{
	--contact-info-boxes-color: #666;
	--contact-info-boxes-first-margin-top: calc(-1em - var(--page-title-font-size) - var(--contact-form-padding));
	--contact-info-boxes-margin-top: 1em;
	--contact-info-boxes-width: 300px;
}



/* Actual CSS Rules */
#body{
	overflow-y: auto;
}

#body #contact_flex_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(2em, 5dvw, 5em);
}
#body #contact_flex_wrapper > div:first-child {
	flex-basis: 30%;
	flex-grow: 1;
}
#body #contact_flex_wrapper > div:last-child {
	flex-basis: 30%;
	flex-grow: 1;
}

#body > #contact_flex_wrapper .contact_section {
	color: var(--contact-info-boxes-color);
}
#body > #contact_flex_wrapper .contact_section + .contact_section {
	margin-top: 1em;
}

#body > #contact_flex_wrapper a{
	text-decoration: none;
}

#body > #contact_flex_wrapper > *{
	display: block;
}

#body .contact_section > *:first-child{
	font-weight: 700;
}

@media (max-width: 1100px) {
	#body #contact_flex_wrapper {
		flex-direction: column;
	}
}