@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);


.container1 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#contact {	
  background: #4caf50;
  padding: 25px;
  margin: 50px 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact .feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 14px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px !important;
	margin-bottom: 10px !important;
	width:100%;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0) !Important;
}
/*Inputs styles*/
#contact .feedback-input:focus{
	background: #fff;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 54px;
} 


#contact input[type="text"] {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin:  10px 0 0 5px;
  padding: 10px;
  	background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-address-book.svg);
	background-color:#ffffff;
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
		
}

#contact imput:focus{
	background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-address-book.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}


#contact input[type="email"]  {
	
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin:  10px 0 0 5px;
  padding: 10px;
  
  	background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-mail.svg);
	background-color:#ffffff;
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
	
}
#contact textarea {	
  
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin:  10px 0 0 5px;
  padding: 10px;
  
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-pencil.svg);
	background-color:#ffffff;
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}


#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  background: #4CAF50;
  color: #FFF;
  margin: 25px 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.headermont {
	font-size: 2em;
    color:black;
    padding-bottom: .7em;
    position: relative;
    font-family: cursive;
    text-transform: capitalize;
	text-align:center;
}
.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}