/*Contact*/


.contact_area {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: repeat(1, 1fr 3fr);
	margin: 1em auto;
}

.cf {
	width: 100%;

	display: grid;
	grid-gap: 2px;
	grid-template-columns: repeat(2, minmax(1fr, auto));
}

.cf label {}

.cf input[type="text"] {
	padding: 5px;
}

.cf input[type="email"] {
	padding: 5px;
}

.cf textarea {
	padding: 5px;
}

.cf button {
	width: 5em;
	height: 2em;
	justify-items: end;
}

.cf h3 span {
	background-color: black;
	color: skyblue;
	padding: 5px;
	border-radius: 5px;
}

#ml {
	width: 100%;
	height: 500px;
}