/*
	CONTACT FORM
	---------------------
*/
#contact h2 { font-size: 1.85em;line-height: 1.1;margin-top: 0;margin-bottom: 30px;color: var(--main-blue); }
#contact { max-width: 600px;margin: 40px auto 30px;padding: 0 20px; }
#contact .slogan > span { display: inline-block;margin: 12px 0 12px;padding: 4px 24px;background: #eee;font-size: .9rem;color: var(--main-blue);transform: rotate(-2deg); }
form#contact-me{ width: 100%; }
#contact-me input, #contact-me textarea { box-sizing: border-box;width: 100%;padding: 12px;border: 1px solid #1c69e0;font-size: 0.7rem; }
#contact-me input { max-width: 400px; }
#contact-me textarea { font-family: sans-serif;resize: vertical; }
form#contact-me p { margin: 16px 0; }
#contact-me ::placeholder { font-size: 0.7rem;font: 1rem 'inkfree', sans-serif; }

#mail-notification > p { color: red; }
#mail-notification > p > i { display: inline-block;font-style: normal;padding: 4px 8px; }

.form-btn {
	font: 1em var(--title-font), sans-serif;
	letter-spacing: .05em;
	color: #ffffff;
	/* background: #1e96fc;  */
	background: rgba(var(--main-blue-rgb), .85);
	padding: 10px 40px;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
}
.form-btn:hover {
	filter: brightness(175%);
}