@charset "UTF-8";
/* CSS buzonportrait */

body { margin:0; padding:0; flex-direction:column;}
.fondo {	
	position:fixed;
	top:0; 
	left:0;
	width:100vw;
	height:100vh;
}
.bloque {
	position:fixed; 
	z-index:2;
	top:10vw; 
	left:0;
	width:100vw;
	height:100vh;
}
.titulo {
	position:absolute;	
	top:6vw; 
	left:10vw; 
	text-align:left; 
	width:auto; 
}
.tuemail { 
	position:absolute; 
	top:14vw; 
	left:10vw; 
	text-align:left;
	width:auto;
}
.correo { 
	position:absolute; 
	top:28vw; 
	left:10vw; 
	width:80vw; 
	height:12vw; 
	font-size:6vw; 
	padding-left:1vw; 
	border:none; 
	border-radius:0;
}
.tumensaje { 
	position:absolute; 
	top:44vw; 
	left:10vw; 
	text-align:left; 
	width:auto;
}
.mensaje { 
	position:absolute; 
	top:58vw; 
	height:50vw;
	width:82vw; 
	left:10vw; 
	font-size:3.5vw; 
	padding-left:1vw; 
	border:none; 
	border-radius:0;
}
.ahorano {
	position:absolute; 
	top:116vw; 
	left:10vw; 
	width:28vw; 
	height:7vw; 
	padding-top:0.4vw;	
	font-family:Arial, Helvetica, sans-serif; 
 font-size:6vw; 
	text-align:center; 
	background-color:#FFF; 
	cursor:pointer;
}
 input[type=submit] { 
	position:absolute; 
	top:116vw;	
	left:64vw; 
	width:28vw; 
	height:7vw; 
	font-size:6vw; 
	text-align:center; 
	border:none; 
	background-color:#FFF;
	cursor:pointer;
}
.saludo {  
	position:absolute;
	top:17vw;
	left:32vw;
	width:50vw;
}
h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:6vw;
	color:#F00;
}
h2 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:6vw;
	text-align:left; 
}
p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:6vw; 
}