@media screen and (orientation:portrait) {
	
	.logo
	{
		width:55% !important;
		padding-top: 3%;
		padding-bottom: 1%;
	}
	.button img
	{
		width:65% !important;
		margin-bottom:5px
	}

}

@media screen and (orientation:landscape) {
		
    /* TIPICO COMPUTADOR */		
		
	.logo
	{
		width:15%;
		padding-top: 1%;
		padding-bottom: 1%;
	}
	.button img
	{
		width:25% !important;
		margin-bottom:5px
	}
}