/*
Code Author: Mark-Anthony Karam
Host: mark-anthony.ca
*/

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

:-moz-placeholder { /* Firefox 18- */
   color: #ebbf4a;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ebbf4a;  
}

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


/* Labels are titles for the text fields. You can use a placeholder instead if you like*/
label 
{
    display:block;
    margin-top:20px;
    letter-spacing:2px;
}

/* Centres the form within the page */
form 
{
    margin:0 auto;
	width: 100%;
	float: left;
}

/* Styles the text boxes */
input, textarea, file {
	width: 90%;
	float: left;
	height:30px;
	background-color:#0076a3;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: 3px solid #ebbf4a;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 8px;
	font-size: 1em;
	color:#a7c8e4;
}

input:focus, textarea:focus {
	border:3px solid #97d6eb;
	/*background-color: transparent;*/
	background-color: #0985b4;
	text-decoration: none;
}

/* Styles the text area boxes (message field) */	
textarea {
	height:110px;
	background-color: transparent;
	text-decoration: none;
	background-color: none;
	width: 90%;
	float: left;
}
#submit {
	width: 99%;	
	height: 48px;
	background-color: #ebbf4a;
	text-align: center;
	/* text-indent:-9999px; */
	border: none;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	padding: 0px;
	cursor:pointer;
	color: #0076a3;
	font-family: "Carrois Gothic", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-box-shadow: 4px 4px #00485a;
	box-shadow: 4px 4px #00485a;
	-webkit-transition: all 0.3s ease;
  	-moz-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}
#submit:hover {
	background:#052c3b;
	color: #FFFFFF;
	opacity:0.9;
}

@media only screen and (min-width: 480px) {

#submit {width: 94.4444%;}	
	
}

@media only screen and (min-width: 768px) {

}


@media only screen and (min-width: 1140px) {

input {width: 71%;}
#submit {width: 75%;	}

}