@media (max-width: 430px) {
	.text {
		position: relative;
		z-index: 10;
		margin-top: 90% !important;
	}
	
	nav li a {
	  writing-mode: vertical-rl;
	  text-orientation: upright;
	  position: fixed;
	}
	
	/* Rayita del texto para quitarla con transparent */
	nav li a:before {
		content: attr(data-content);
		font-size: 0.7rem;
		transition: all .2s linear;
		opacity: 0;
		position: absolute;
		z-index: 100;
		/* color: #ffffff; */
		color: transparent !important;
		/* display: block; */
		display: none;
		margin-right: auto;
		margin-left: auto;
		left: 0;
		right: 0;
		bottom: -150px;
		text-transform: none;
		font-family: 'Open sans', serif;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0;
	}
	
	/* Posición del texto de abajo */
	nav li a:after {
		content: attr(data-content);
		font-size: 0.7rem;
		transition: all .2s linear;
		opacity: 0;
		position: absolute;
		z-index: 100;
		color: #ffffff;
		display: block;
		margin-right: auto;
		margin-left: auto;
		left: 0;
		right: 0;
		bottom: -150px;
		text-transform: none;
		font-family: 'Open sans', serif;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0;
	}
	
	
	
}
/* end media */