
.ConactWrap {
	max-width:600px;
	padding: 3% 8% 5% 8%;
	width:64%;
	margin:5% auto;
	background: #f5f5f5;
}

.ContactName {
	line-height: 18px;
	margin-top: 5%;
}

.field {
	margin-top: 2%;
}

.mcon {
	margin-top: 1%;
}

.field input,
.field textarea {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: 
#616161;
background-color:
#fff;
background-image: none;
background-clip: padding-box;
border: 1px solid
    rgba(0,0,0,0.15);
    border-radius: .25rem;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.form-phone-number {
    width: 5rem !important;
	display: inline-block !important;
}

.dash {
	padding: 0 1%;
}

.required {
background:#6ec2e1;
color:#fff;
padding: .20rem .5rem;
border-radius: .25rem;
font-size: .65rem;
margin-left: .5rem;
vertical-align: middle;
	font-weight: bold;
}

#BtnCenter {
	text-align: center;
	margin-top: 5%;
}

#ContactBtn{
	padding: 2% 5%;
  text-align:center;
  cursor:pointer;
		background: #6ec2e1;
		color: #FFF;
		font-size: 17px;
		letter-spacing: 2px;
}

#ContactBtn:hover {
	background: #b41d24;
}

@media only screen and (max-width: 896px) {
	
.ConactWrap {
	padding:5% 0 10% 0;
	width:100%;
	margin: 10% auto;
	background: #f5f5f5;
}
	
.ConactWrap form {
		width: 80%;
		margin: 0 auto;
	}
	
.field input,
.field textarea,
.ContactName{
    margin-left:-.8rem;
}
	
.form-phone-number {
    width: 3rem !important;
}
	
.form-phone-number:nth-of-type(n+2){
	margin-left:0;
}

#BtnCenter {
	margin-top: 10%;
}
	
.ContactName {
	margin-top: 10%;
}
	
.field {
	margin-top: 5%;
}

.AboutTextLeft {
	padding:5%;
	width: 40%;
	margin:0%;
}
	
}

