.contenedor{
	width:100%;
	min-height: 640px;

	margin: auto;
	text-align: center;
	color: black;
	margin-bottom: 0;
	margin-top:0; 
}
body{
	margin-top: 0;
	margin-bottom: 0;
}
img{
	margin-top: 0%;
	margin-bottom:0;
	width: 30%;
}
input{
		margin-bottom: 2%;
	}
button{
		width: 12%;

	}
	.pid{
	    width: 7%;
	    margin-top: 0;
	}
	.acc{
	    width: 20%;
	    margin-top:0;
	}
@media screen and (max-width: 10cm) {
  .contenedor{
  	font-family: monospace;
  	font-size: 2.5em;

       width:100%;
       
       margin:0; 
       padding: 0;
       }
       body{
       	margin: 0;
       	padding: 0;
       }
    img{
     	margin-top: 10%;
		width: 80%;
		margin-bottom: 0;
	}
	input{
		margin-top: 0;
		height: 2em;
		font-size: 16px;
		width: 15em;
		font-family: monospace;
	}
	button{
		width: 50%;

	}
	.acc{
		margin-top: 0;
		margin-bottom: 0;
		width: 80%;
	}
	.pid{
	    width: 30%;
	    margin-top: 0;
	}
}