h3 {
	text-align: center;
	color: var(--textColor);
	font-style: italic;
	font-size: clamp(1.2em, 3vw, 1.8em);
	font-weight: bold;
}

.contact-me {
	max-width: 100%;
	background-color: var(--fourthColor);
	color: var(--textColor);
	margin-top: 50px;
	padding: clamp(20px, 5vw, 50px);
}
.contact-me-message {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}
.contact-me-message > span {
	font-weight: bold;
	font-size: clamp(1.2em, 2vw, 1.5em);
}

.email-infos,
.phone-infos,
.facebook-infos,
.instagram-infos,
.linkedin-infos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	cursor: pointer;
}

.phone-icon,
.email-icon,
.facebook-icon,
.instagram-icon,
.linkedin-icon {
	height: clamp(1rem, 2vw, 1.5rem);
	width: auto;
	cursor: pointer;
	max-width: 100%;
	margin-bottom: 10px;
}
.manuscript {
	display: block;
	margin: clamp(20px, 5vw, 40px) auto clamp(20px, 5vw, 40px) auto;
	max-width: 30%;
	height: auto;
}
#mail,
#phone,
#linkedin,
#facebook,
#instagram {
	font-style: italic;
	font-size: clamp(1em, 2.5vw, 1.2em);
	margin-bottom: 10px;
}
@media (max-width: 768px) {
	h3 {
		font-size: clamp(1.1em, 4vw, 1.5em);
	}
}

@media (max-width: 480px) {
	h3 {
		font-size: clamp(1em, 5vw, 1.3em);
	}
}
@media screen and (max-width: 480px) {
	.manuscript {
		min-width: 50%;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 768px) {
	.manuscript {
		min-width: 70%;
		margin-bottom: 30px;
	}
}