#form {
width: 100%;
}

/*-----error/success messages-----*/
#error {
font-family: 'MuseoSlab700Regular';
font-size: 0.8em;
display: none;
background: #e74c3c;
color:#FFF;
padding: 1px 3px 1px 3px;
margin-bottom: 5px;
}

#success{
font-family: 'MuseoSlab700Regular';
font-size: 0.8em;
display:none;
background: #2ecc71;
color:#FFF;
padding: 1px 3px 1px 3px;
margin-bottom: 5px;
}

/*-----form elements-----*/
#easy {
width: 100%;
margin-top: -12px;
}

#easy .input {
width: 100%;
float:left;
margin-bottom: 10px;
}

#easy .textarea {
margin-bottom: 10px;
}

#easy .last {
margin-bottom: 10px;
}

#easy input.text, 
#easy textarea {
font-family: 'MuseoSlab700Regular';
	font-size: 1em;
color: #fff;
padding: 3px 0 0 3px;
    background-color: rgba(256,256,256, .4); 
border: 1px solid transparent;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
outline: none;
}


#easy input[type=text]:focus, 
#easy input[type=tel]:focus, 
#easy textarea:focus {
margin-right: 0px;
box-shadow: 0 0 3px rgba(52, 152, 219, 1);
background-color: rgba(95,105,185,0.4); 
border: 1px solid rgba(256, 256, 256, .5);
}

#easy input:hover,  
#easy textarea:hover {
background-color: rgba(95,105,185,0.4); 
border: 1px solid rgba(256, 256, 256, .5);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

#easy textarea {
height: 75px;
}

::-webkit-input-placeholder {
	font-family: 'evelethclean_thin';
	letter-spacing: 1px; 
	font-size: 11px;
	color: #fff}

:-moz-placeholder { /* Firefox 18- */
	font-family: 'evelethclean_thin';
	letter-spacing: 1px; 
	font-size: 11px;
	color: #fff}

::-moz-placeholder {  /* Firefox 19+ */
	font-family: 'evelethclean_thin';
	letter-spacing: 1px; 
	font-size: 11px;
	color: #fff}

:-ms-input-placeholder {  
	font-family: 'evelethclean_thin';
	letter-spacing: 1px; 
	font-size: 11px;
	color: #fff}
}

#easy .refresh {
width: 42px;
height: 42px;
display: block;
float: left;
margin: 0 7px;
border:0;
}

#easy #verify {
width: 145px;
height: 40px;
float: left;
margin: 0;
padding:8px;
}

#easy button {
font-family: 'evelethclean_thin';
font-size: 11px;
letter-spacing: 1px; 
float: right;
display: block;
width: 75px;
background: rgba(256, 256, 256, .5);
padding: 1px 3px 0 3px !important;
color: #fff;
text-align: center;
margin:0;
border:0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
cursor:pointer;
}

#easy button:hover {
background-color: rgba(95,105,185,0.4); 
color: #fff;
}



/* -- MEDIA QUERIES
------------------------------------------------------------- */

/* FOR WIDTHS LESS OR EQUAL TO 480px */

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

::-webkit-input-placeholder {
	font-size: 8px;
	padding: 3px 0 0 3px; }

:-moz-placeholder { /* Firefox 18- */
	font-size: 8px;
	padding-top: 3px; }

::-moz-placeholder {  /* Firefox 19+ */
	font-size: 8px;
	padding-top: 3px; }

:-ms-input-placeholder {  
	font-size: 8px;
	padding-top: 3px; }

#easy {
width: 100%;
}

#easy button {
	font-size: 8px;
	height: 20px;
	padding-top: 3px; }

#form {
margin-top: 16px; }

}



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

#easy {
width: 100%;
}

#easy .input {
width: 100%;
float:left;
margin-bottom: 25px; }

#easy .textarea {
margin-bottom: 25px; }

#easy .last {
margin-bottom: 25px; }

#easy input.text, 
#easy textarea {
padding: 10px 0 7px 10px; }

#easy textarea {
height: 200px; }

#easy button {
width: 125px;
padding: 9px 20px 7px !important; }

#error {
padding: 10px 0 7px 15px;
margin-bottom: 25px; }

#success{
padding: 10px 0 7px 15px;
margin-bottom: 25px; }

#form {
margin-top: 14px; }

}

@media only screen and (min-width: 960px) {
  #menu-title {
    display: inline;
        left: 35px; }

}