body{
	font-family: sans-serif;
	margin: 0;
	background: #3e3e3e;
	color: white;
	padding: 100px;
	font-size: 22px;
	letter-spacing: 3px;
	line-height: 34px;
}

$padding: 10px;
.active_nav{
	right: 0px !important;
}
#navegacion{
	position: fixed;
	top: 0; left:0;
	#action{
		position: fixed;
		z-index: 11;
		right: 0px;
		cursor: pointer;
		padding: $padding;
	}
	nav{
		position: fixed;
		right: -300px;
		z-index: 12;
		height: 100%;
		width: 300px;
		transition: all .6s ;
		ul{
			margin:0;
			background: #21B2A6;
			height: inherit;
			padding: 0;
		}
		li{
			list-style-type: none;
			margin-bottom: 10px;
			width: 240px;
			margin-left: 30px;
			font-size: 14px;
			text-transform: uppercase;
			border-bottom: 1px solid rgba(0, 0, 0, 0.125);
			&:first-child{
				text-align: right;
				padding-top: 20px;
				border-bottom: none;
				font-size: 22px;
				i{ cursor: pointer;}
			}
			a{
				text-decoration: none;
				color: white;
			}
		}
	}
	#capanegra{
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 10;
		background: rgba(0,0,0,.3);
		display: none;
	}
}