body{
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url("../resources/fondo.jpg");*/
	background-size: cover;
	background-color: #e6e5e5;
}
.wrapper{
	width: 100%; 
	height: 100%;
}
.box {
  background-color: white;
  height: 55vh;
  width: 30vw;
  min-height: 300px;
  min-width: 300px;
  margin-top: 17vh;
  margin-bottom: 22vh;
  box-shadow: 2px 2px 10px #666;
  padding: 3.1vh;
}
input[type=text]{
	min-height: 25px;
	min-width: 200px;	
	width: 13vw;
	height: 4.9vh;
	border-radius: 5px;
	font-size:26px;
	text-align: center;
}
input[type=submit]{
	min-height: 25px;
	min-width: 200px;
	width: 16vw;
	height: 5vh;
	border-radius: 5px;
	font-size:16px;
	border: none;
	cursor: pointer;
	background-color: #d6d3d3; 
	color: black;/*#f6c32f*/
}
input[type=submit]:hover {
	background-color: #bfbbbb;
}

@media only screen and (max-width: 720px) {
	.box {
	  background-color: white;
	  height: 60vh;
  	  width: 80vw;
	  min-height: 300px;
	  min-width: 300px;
	  margin-top: 10vh;
	  margin-bottom: 10vh;
	  box-shadow: 2px 2px 10px #666;
	  padding: 20px;
	}
	input[type=text]{
		min-height: 25px;
		min-width: 200px;
		width: 13vw;
		height: 4.9vh;
		border-radius: 5px;
		font-size:26px;
		text-align: center;
	}
	input[type=submit]{
		min-height: 25px;
		min-width: 200px;
		width: 16vw;
		height: 5vh;
		border-radius: 5px;
		font-size:16px;
		border: none;
		cursor: pointer;
		background-color: #d6d3d3; 
		color: black;/*#f6c32f*/
	}
}