.navbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-image:url("../img/h-split-background-1.jpg");
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;	
		z-index: 990;
		transition: .7s ease all;
		clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);

	}
	.navbar.activa {
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
	}
	.navbar.activa nav {
		animation: texto-arriba 1s ease;
	}	
	.navbar .logo {
		display: flex;
		justify-content: center;
		width: 100%;
		height: 20%;
		padding: 0;
		margin-top: 10%;
		animation: img-abajo 1s ease;
	}	
	.navbar .logo .logo_d{
		display: none;
	}
	.navbar.activa .logo {
		animation: img-arriba 1s ease;
	}	
	.navbar img {
		display: block;
		height: 100%;
	}
	.navbar nav {
		width: 100%;
		height: 70%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-right: 0px;
		animation: texto-abajo 1s ease;
	}
	.navbar nav a {
		display: block;
		width: 100vw;
		color: #999999;
		font-size: 1.6em;
		text-transform: uppercase;
		text-decoration: none;
		padding: .7em 0;
		text-align: center;
	}
		/************************/
		/* Desplegar menu movil */
		/************************/
		@keyframes texto-arriba {
		from {transform: translatey(500px);}
		to {transform: translatey(0);}
		}
		@keyframes texto-abajo {
		from {transform: translatey(0);}
		to {transform: translatey(500px);}
		}
		@keyframes img-arriba {
		from {transform: translatey(-300px);}
		to {transform: translatey(0);}
		}
		@keyframes img-abajo {
		from {transform: translatey(0);}
		to {transform: translatey(-300px);}
		}
		/****************************/
		/* End Desplegar menu movil */
		/****************************/

@media (min-width: 700px) {
	
	.navbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-image: none;
		background-color: rgba(0,0,0,0.20);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;	
		z-index: 990;
		transition: .7s ease all;
		clip-path: none;
}

	.navbar.activa {
		clip-path: none;

	}
	.navbar nav {
		animation: none;
	}	
	.navbar.activa nav {
		animation: none
	}
	.navbar .logo .logo_m{
		display: none;
	}
	.navbar .logo .logo_d{
		display: block;
	}
	.navbar .logo {
		display: flex;
		justify-content: flex-start;
		width: 20%;
		height: auto;
		padding: 20px;
		margin-top: 0;
		animation: none;
		transition: .7s ease all;
	}	
	.navbar.activa .logo {
		animation: none;
	}	
	.navbar img {
		display: block;
		height: auto;
		width: 50%;
		margin-left: 20px;
		transition: .7s ease all;
	}
	.navbar nav {
		width: 80%;
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		padding-right: 20px;

	}
	.navbar nav ul {
		display: flex;
		
	}
	.navbar nav a {
		display: block;
		width: auto;
		color: #ffffff;
		font-size: 1.4em;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0 .7em;
		text-align: none;
		transition: .7s ease all;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}