html{
	background-color: #000;
}
body{
	margin:0;
}

@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 	
	#puerta{
		/*background-color: #fff;*/
		background-color: #000;
		margin-right: auto;
		margin-left:auto;
	}
	body#puerta{
		background-color: #000!important;
	}
	#abajo,#arriba{
		box-sizing: border-box;
		width: 100%;
		padding: 20px;
		font-family: 'arial';
		vertical-align: middle;
		position: relative;
		background-repeat: no-repeat;
	  	background-size: auto;
		background-size: 100% auto;
	  	background-position: center;
	  	max-height: 50vh;
	}
	#abajo .txt,#arriba .txt{
		position: absolute;
		word-break: break-word;
		max-width: 90%;
	}
	#abajo .txt{
		top:40px;
		font-size: 2.2em;
	}
	#arriba .txt{
		/*top:100%;*/
		bottom:40px;
		
	    font-size: 3.2em;
	}

	#abajo{
		background-color: #000;
		color: #fff;
	}
	#arriba{
		color: #000;
	}
}
@media (min-width:760px) {
	#abajo,#arriba{
		padding: 40px;
	}
	#abajo .txt{
		font-size: 5.5em;
	}
	#arriba .txt{
		font-size: 7em;
	}
}
@media screen and (min-width: 1900px) {
	#abajo .txt{
		font-size: 7.5em;
	}
	#arriba .txt{
		font-size: 9em;
	}
}