.menu-text {
	text-transform: uppercase;
}

.menu-nav-btn {
	font-family:"TeXGyreAdventor-Bold";
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: 23px;
	padding: 8px 9px;
}

.menu-open-btn {
	position: fixed;
	top: 41px;
	z-index: 999;
	left: 164px;
	color: #fff;
	background-color: #6DCA2D;
}

.menu-nav-btn:hover{
	background-color: #3754a4;
}

.ico_menu{
	width: 43px;
	float: left;
	height: 22px;
	background-image: url(../imagenes/ico_menu.png);
}

.glyphicon-align-justify{
	color: #8dc73f;
}

.glyphicon-remove{
	color: #68CA2B;
}

.menu-nav {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	height: 300vh;
	transform: translateX(-100%);
	transition: transform .9s ease-in-out; 
}

.menu-nav.visible {
	transform: translateX(0);
}
/*
.menu-nav-black {
	background-color: #3C3B3D;
	width: 60%;
	max-width: 480px;
	min-width: 320px;
	transition-delay: .4s;
}
*/

.menu-nav-black {
  background-color: #000000A8;
  width: 100%;
  transition-delay: .4s;
}

.menu-nav-black.visible {
	transition-delay: 0s;
}

.menu-nav-red {
	transition-delay: .2s; 
	width: 100%;
}

.menu-nav-red.visible {
	transition-delay: .2s;
}


.menu-nav-white {
	padding: 40px;
	position: relative;
	transition-delay: 0s; 
}

.menu-nav-white.visible {
	transition-delay: .4s;
}

.menu-close-btn {
	position: absolute;
	top: 40px;
	right: 30px;
}

.menu-logo {
	width: 150px;
}

.menu-list {
	list-style-type: none;
	padding: 0;
}

.menu-list li {
	text-align: center;
	margin:45px 0;
}

.menu-list li a {
	color: #fff;
	font-size:44px;
	font-family:"TeXGyreAdventor-Bold";
	text-decoration: none;
}

.menu-list li a:hover{
	color:#68CA2B;
}

.menu-list li a.selec {
  color: #68CA2B;
}

.menu-list ul {
	list-style-type: none;
	padding-left: 20px;
}

.floating-btn:hover {
	background-color: #ffffff;
	color: #001F61;
}

.floating-btn:focus {
	outline: none;
}

@media screen and (max-width: 480px) {

	.social-panel-container.visible {
		transform: translateX(0px);
	}
	
	.floating-btn {
		right: 10px;
	}
}


@media (max-width: 600px) and (min-width:320px){


  .menu-nav-btn{
    font-size: 18px;
  }

  .menu-open-btn{
    top: 14px;
    left: 20px;
  }

  .menu-list li a{
  	font-size: 31px;
  }

  .menu-list li{
  	margin: 35px 0px;
  }

}



@media (max-width: 750px) and (min-width:600px){

	.menu-list li a{
		font-size: 22px;
	}

	.menu-open-btn{
		top: 27px;
		left: 32px;
	}
}