*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}


body 
{

	background-image: url("../img/registro.jpg") ;
	background-position: center;
	background-size: 100% 100%;
    background-repeat: no-repeat;
}

input
{
	width: 14%;
	height: 4%;
}

h1   {color: blue;}

button
{
	background: lightblue;
	width: 7%;
	height: 6%;
}

a{
	font-size: 80%;
}


@media only screen and (min-width: 481px) and (max-width: 768px) {


body 
{

	background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 70px;
}

input
{
	width: 25%;
	height: 4%;
}

button 
{
	width: 14%;
	height: 7%;
}

}


@media only screen and (min-width: 320px) and (max-width: 480px) {


body 
{

	background-size: 100% 100%;
    background-repeat: no-repeat;
}
input
{
	width: auto;
	height: 5%;
}

button 
{
	width: auto;
	height: 6%;
}

}


@media only screen and ( orientation: landscape) and (min-width: 769px) and (max-width: 900px)   {

body 
{

	background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

input
{
	width: 25%;
	height: 4%;
}

button 
{
	width: 12%;
	height: 6%;
}

img{
	width: 260px ;
	height: 200px ;
}

}


@media only screen and ( orientation: landscape) and (min-width: 900px) and (max-width: 1100px)   {

body 
{

	background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}
input
{
	width: 22%;
	height: 4%;
}

button 
{
	width: 10%;
	height: 6%;
}