body {
	font-family: 'Roboto', sans-serif;
	color: #848484;
}
.contact-banner {
	background: url("../images/contact-banner-img.png") no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 100px;
	height: 508px;
}
.contact-card {
	background: #fff;
	width: 100%;
	margin: 0;
	vertical-align: baseline;
	padding: 24px;
	
}
.contact-card h1 {
	font-size: 2.5rem;
	font-weight: 300;
	color: #444;
	font-family: 'Roboto Slab', serif;
	line-height: 40px;
}
.contact-card h2 small {
	font-size: 1rem;
}
.txt-left {
	width: 100%;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.contact-icons {
	border: 2px solid #007dc3;
	border-radius: 50%;
	height: 65px;
	width: 65px;
	margin: auto;
	line-height: 3;
	padding: 10px 0 0 20px;
}
.contact-icons i {
	color: #007dc3;
	font-size: 1.5rem;

}
.contact-info {
	margin-top: 1.5rem;
}
.contact-info h2 {
	color: #444;
	font-family: "Roboto Slab", serif;
	font-weight: 300;
	font-size: 1.5rem;
	margin-top: 10px;;
}
.contact-info p {
	font-size: 14px;
	margin-bottom: .3rem;
}
.contact-map {
	width: 100%;
	height: 400px;
	background: #f1f1f1;
}
.form-bg {
	background: #e6e6e6;
}
.wrap-input {
	position: relative;
	width: 100%;
	background: #f2f2f2;
	margin-bottom: 17px;
}
.form-input {
	 width: 80%;
    height: 45px;
    border: none;
    outline: none;
}
.contact-form {
	margin: 1.5rem 0;
}
.contact-input {
	height: 40px;
	width: 100%;
	padding: 2px 10px;
	margin-bottom: 24px;
}
.btn-style {
	padding: 6px 30px;
	background: #545454;
	color: #fff;
	border: 1px solid #545454;
	border-radius: 0;
	margin-bottom: 1rem;
	margin-top: .5rem; 
}
.txtmassage {
	padding: 11px;
}

@media screen and (min-width: 768px){
	.contact-card {
		padding: 32px;
	}
	.txt-left {
		width: 91%;
		margin: 0 0 0 auto;
	}
}
@media screen and (min-width: 1280px) {
	.contact-banner {
		width: 83%;
		margin: 0 0 0 auto;
	}
	.contact-card {
		width: 58%;
		margin: -64px 30px 32px calc(8% + 32px);
	}
 
}