@media (min-width: 1200px) {
	#logo{
	

		flex: 30%;
		}
nav{

flex: 80%;
align-items: flex-end;
justify-content: center;
flex-direction: column;
display: flex;
padding-right: 33px;
	
	
	
}

header{
		display: flex;
		height: 110px;
		margin:0px;
		padding:0px;
	}

nav ul {
    list-style-type:none;
	width: auto;
	float: right;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;



}
/*Estilo para los links*/
nav li a {
	display:block;
	padding-left: 18px;
	padding-right: 18px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: gray;
	text-decoration: none;
}
nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 19px;
	text-align: left;
}

nav li:hover a {
	color: black;
}

#iconos-sociales{
	margin-top: 7px;
	float: right;
	margin-left: 25px;
}

#iconos-sociales a{

  padding-left: 5px;
  padding-right: 5px;
	border: none;
	color: gray;
}

#iconos-sociales a:hover{
	color: black
  }

#iconos-sociales .fa-instagram, #iconos-sociales .fa-facebook{
	font-size: 22px;
}


}


@media (min-width: 1000px) and (max-width: 1199px) {
	#logo{
		background-color: black;
		text-align: center;
		padding: 25px 0 12px 0;
		flex: 100%;
			}
	nav{
		background-color: white;
		padding: 33px 0 33px 0;
		flex: 100%;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		display: flex;
		padding-right: 33px;
			
			
		}
		
		
		nav ul {
			list-style-type:none;
			width: auto;
			float: right;
			font-size: 16px;
			font-family: 'Poppins', sans-serif;
		
		
		
		}
		/*Estilo para los links*/
		nav li a {
			display:block;
			padding-left: 18px;
			padding-right: 18px;
			height: 35px;
			text-align: center;
			line-height: 35px;
			color: gray;
			text-decoration: none;
		}
		nav li ul li a {
			width: auto;
			min-width: 100px;
			padding: 0 19px;
			text-align: left;
		}
		
		nav li:hover a {
			color: black;
		}
		
		#iconos-sociales{
			margin-top: 7px;
			float: right;
			margin-left: 25px;
		}
		
		#iconos-sociales a{
		
		  padding-left: 5px;
		  padding-right: 5px;
			border: none;
			color: gray;
		}
		
		#iconos-sociales .fa-instagram, #iconos-sociales .fa-facebook{
			font-size: 22px;
		}
		
		#iconos-sociales a:hover{
			color: black
		  }	
		
}



@media (max-width: 999px) {
	#logo{
		background-color: black;
		text-align: center;
		padding-top: 20px;
		flex: 100%;
			}
	
	nav{
		background-color: black;
		flex: 100%;
		align-items: center;
		justify-content: center;

		padding-right: 0px;
			
			
			
			}
nav ul {
    list-style-type:none;
	width: auto;
	font-size: 14px;
	float: none;
}

nav li a {
	display:block;
	padding: 10px 0 10px 0;
	text-align: center;
	line-height: 35px;
	color: white;
	text-decoration: none;

}


nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 19px;
	text-align: center;
}

nav li:hover a {

	background: #555;
	color: white;
}

#iconos-sociales{
	padding: 20px 0 20px 0;
	clear:both;
	text-align: center;
}

#iconos-sociales a{

  padding-left: 5px;
  padding-right: 5px;
	border: none;
	color: white;
}

#iconos-sociales .fa-instagram, #iconos-sociales .fa-facebook{
	font-size: 22px;
}


}




nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;	
}

nav li {
	display:inline-block;
	margin-right: 1px;
}




nav li:hover ul a {		
	background:darkcyan;
	color: white;
	height: 35px;
	line-height: 35px;		
	padding: 10px 10px 10px 10px;
	font-size: 14px;

}

/*Hover para enlaces desplegados*/
nav li:hover ul a:hover {
background-color: #999;
	color: #fff;
}

/*Ocultar enlaces desplegables hasta que se necesiten*/
nav li ul {
	display: none;
}

/*Hacer vínculos desplegables verticales*/
nav li ul li {
	display: block;
	float: none;
}


/*Visualizar el menú desplegable en hover*/
nav ul li a:hover + .hidden, .hidden:hover {
	display: block;

		
}

/*Estilos boton desplegar menu*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 20px 25px 20px;
	display: none;
}

input[type=checkbox]{
    display: none;
}

/*Mostrar menú cuando se marca la casilla de verificación invisible*/
input[type=checkbox]:checked ~ #menu{
    display: block;

}


/*Estilo responsivo ancho menor de 750px*/

@media screen and (max-width : 999px){
	/*Hacer que los vínculos desplegables aparezcan en línea*/
	nav ul {
		position: static;
		display: none;
	}
	/*Crear espacio vertical*/
	nav li {
		margin-bottom: 1px;
	}
	/*Todos los enlaces del menú de ancho completo*/
	nav ul li, li a {
		width: 100%;
		font-size: 16px;
	}

	.show-menu {
		display:block;
		cursor:pointer;
	}
}