#contact-map {
	width: 100%;
	height: 150vh;
}
.contact-wr {
	position: relative;
}
.gradient {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	pointer-events: none;
	opacity: 0.9;
	background-image: url("../images/icons/contact-gradient.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.contact-mail-wr {
	position: absolute;
	left: 72px;
	top: 144px;
	z-index: 20;
}
.email-card {
	width: 470px;
	height: 400px;
	border-radius: 3px;
	background-color: #ffffff;
	box-shadow: 0 -6px 14px 0 rgba(254, 78, 110, 0.2);
	padding: 30px;
}
.contact-info {
	max-width: 300px;
	margin-bottom: 40px;
}
.contact-info h1 {
	font-family: 'Lato', sans-serif, 'Arial_Caps';
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.9px;
	text-align: left;
	color: #3c3b3b;
}
.contact-info i,.contact-info p,.contact-info a {
	font-size: 15px;
	letter-spacing: 0.3px;
	text-align: left;
	color: #9a9a9a;
}
.contact-info i {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}
.contact-info p {

}
.contact-info a {
	text-decoration: none;
	padding: 5px 5px 5px 30px;
	background-image: url("../images/icons/massanger-grey.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px;
}
.email-send-btn {
	float: right;
	margin-top: 30px;
}

/*For small screen size*/
@media (max-width: 768px) {

	.contact-mail-wr {
		width: 100%;
		background-color: #ffffff;
		left: 0;
		top: 0;
		margin-bottom: 40px;
		position: relative;
		padding-left: 20px;
		padding-right: 20px;
	}

	#contact-map {
		height: 50vh;
		margin-top: 6rem;
	}

	.email-card {
		width: 100%;
	}

}