@media (max-width: 800px) {
	#container{
		background-color:#f1edea;
		background-position: top center, bottom right;
		background-size: auto, 80% auto;
		background-image: url(../img/logomobile.png);
		margin-top: 10px;
	}
	.dir{
		top: 300px;
		left: 0;
		bottom: auto;
		width: 100%;
		text-align: center;
	}
	.dir ul{
		text-align: left;
		width: auto;
		display: inline-block;
	}
	li:nth-child(1){
		text-align: center;
	}

	#cambio{
		display: none;
	}
	
}
@media (max-width: 500px) and (min-height: 490px) {
	li{
		margin-bottom: 5px;
	}
}