@media (max-width:320px){

#boxes #dialog2 {
  background:transparent; 
  width:100%;
  margin:0 auto;
  margin-top:-160px;
}
 

 /*FORMULÁRIO DE CONTATO*/
  
  form.con {
text-align:left;
margin-top: 1em;
}
form.news input[type="text"],form.con textarea {
	padding:12px;
	width: 80%;
	font-size: 15px;
	margin:8px 0px;
	border: 1px solid  #F7F7F7;
	color: #999;
	background: #F7F7F7;
	-webkit-appearance: none;
	outline: none;
	font-weight: 400;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
form.news input[type="text"]:hover,form.con textarea:hover{
	border: 1px solid  #ddd;
}
form.news textarea {
	height:200px;
	resize: none;
	width: 80%;
}
form.news input[type="submit"] {
	margin-bottom: 1em;
	color: #fff;
	font-size: 1.2em;
	padding: 0.8em 1em;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight:500;
	border:none;
	text-transform: uppercase;
	outline: none;
	 background: #1BBC9B;
	width:80%;
}
form.news input[type="submit"]:hover{
   background: #34495E;
}
  
  /*FIM FORMULÁRIO DE CONTATO*/


}