@charset "utf-8";
/* CSS Document */

.contact_form{ width:80%; margin:1% 10%; overflow:hidden;}

input, textarea{ font-size:18px; font-family:CAL; text-align:left; color:#333; }

.cf_input{
	width:98%; max-width:98%; min-width:98%; margin:1%; padding:5px;
	border:2px #CCC solid;
	background-color:#FFF;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.cf_input:focus{
	background-color:#E9E9E9;
	border:2px #F00 solid;
	background: -webkit-linear-gradient(#FFF, #CCC); background: -o-linear-gradient(#FFF, #CCC); 
  	background: -moz-linear-gradient(#FFF, #CCC); background: linear-gradient(#FFF, #CCC);
}

.cf_button{
	width:40%; margin:3% 30% 1% 30%; padding: 3px;
	cursor: pointer; cursor: hand;
	text-align:center; color:#FFF;
	border:2px #CCC solid;
	background-color:#666;
	background: -webkit-linear-gradient(#CCC, #000); background: -o-linear-gradient(#CCC, #000); 
  	background: -moz-linear-gradient(#CCC, #000); background: linear-gradient(#CCC, #000);
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.cf_button:hover{
	background-color:#F00;
	background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900); 
}

.anti-spam{	display:none;}

@media screen and (min-width : 601px) and (max-width : 1000px){
.cf_input{font-size:16px;}
.cf_button{font-size:16px;}
}
@media screen and (max-width : 600px){
.cf_input{font-size:14px;}
.cf_button{font-size:14px;}	
}