h2 {
    font-size: 10rem;
    margin-bottom: 5rem;
}

h3 {
	font-size: 4rem;
	margin-bottom: 2rem;
}

.quote {
	color: var(--color-gold);
	font-style: italic;
}

#contact {
	display: flex;
	gap: 5rem;
	flex-direction: row;
	justify-content: space-between;
}

#contact p {
	font-size: 2.5rem;
	line-height: 150%;
	margin-bottom: 1.5rem;
	text-wrap: pretty;
}

#panel-lets-talk, #panel-social {
	padding: 3rem;
}

#panel-lets-talk {
	padding-left: 0;
}

#contact-methods {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 3rem;
}

#panel-social {
	background-color: var(--color-bg1);
	border: 1px solid var(--color-gold25);
	backdrop-filter: blur(5px);
}

#form {
	margin-top: 10rem;
}

form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.full {
    grid-column: 1/-1;
}


@media(max-width: 1000px) {
	#contact {
		display: block;
	}

	#contact-methods {
		row-gap: 0;
	}
}

@media(max-width: 750px) {
	form {
		grid-template-columns: 1fr;
	}
}