.section_contact {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 90px;
	background-image: url(../img/fond_contact.webp);
	background-size: cover;
}

.info_contact {
	backdrop-filter: blur(30px);
	border: 1px solid white;
	padding: 30px;
	display: flex;
}

.info_contact form {
	display: flex;
	flex-direction: column;
}
.input_section,
textarea {
	width: 100%;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid #ccc;
	font-size: 16px;
	transition: border-color 0.3s;
}
.input_section {
	padding: 0px;
	height: 50px;
}
textarea {
	resize: vertical;
	min-height: 120px;
	padding: 0px;
}
label {
	font-size: 18px;
	color: #ffffff;
}

button {
	background-color: transparent;
	color: white;
	border: 1px solid white;
	padding: 14px 20px;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
}
button:hover {
	background-color: #ffffff;
	color: black;
}

.contact_illustration {
	height: 470px;
	width: 423px;
	border: 1px solid white;
	background-image: url(../img/img_illu_contact.png);
	background-position: 50%;
	background-size: cover;
}

@media screen and (max-width: 670px) {
	.section_contact {
		display: flex;

		flex-direction: column;
		padding: 0px;
		background-image: url(../img/fond_contact.webp);
		background-position: 50%;
		background-size: cover;
	}
	.info_contact {
		height: 470px;
		display: inline-block;

		-webkit-backdrop-filter: blur(30px);
		border: 1px solid white;
		padding: 30px;
	}
	.contact_illustration {
		height: 470px;
		width: 385px;
	}
}