#contact-info{
	display: flex;
	justify-content: space-evenly;
}
#contact-info>div{
	display: flex;
	justify-content: space-evenly;
	gap: 1em;
}
#contact-info>div i{
	color: var(--title-color-c);
	font-size: 230%;
	padding-top: .1em;
}
#contact-info>div a{
	font-weight: 400 !important;
}


#contact-social{
	display: flex;
	justify-content: space-evenly;
	font-size: 150%;
	padding: 0 10%;
}

#contact-social >a{
	display: flex;
	justify-content: center;
    align-items: center;
	width: 70px;
	height: 70px;
	background-color: var(--bg-violet);
	border-radius: 100%;
	color: var(--bg-violet-f);
}
#contact-social >a:hover{
	background-color: var(--bg-violet-ff);
	color: white;
}

@media (max-width: 1079px) {
	#contact-info {
		flex-direction: column;
		align-items: flex-start;
		gap: 26px;
	}
}