/* =====  Menu  ==================================================== */

.container-menu { 
	position:fixed;
	z-index:9999;
	width:100%;
	color:#01162b;
	transition:transform .4s;
}
.mainbar {
    background: white;
}
.container-menu .container-flex {
    justify-content: space-between;
	background:#fff;
}
.container-menu .col {
	border:none;
	padding-top:0.75em;
	padding-bottom:0.75em;	
	width:auto;
	align-self:center;
}

.container-menu .menu {
	line-height:100%;
	font-size:0.9em;
	text-transform:uppercase;
}
.menu .menu-each {
	opacity:1;
	transition:opacity .2s;
	font-weight:700;
	
}
.menu .menu-each:hover {
	opacity:0.6;
	cursor:pointer;
}
.menu .active {
	opacity:1;
	border-bottom:3px solid #FC0;
}
.menu .active:hover {
	opacity:1;
	cursor:default;
}
.menu-gap {
	margin:0 .75em;
	opacity:0.5;
}
.container-menu.hide {
	transform:translateY(-100%);
}
.container-menu .menu-partner {
	font-weight:400;
	width:100%;
	letter-spacing:0.4px;
	text-align:center;
	color:#fbfdfc;
	background: url(../images/bg-black-opacity.png) repeat;
	position:absolute;
	bottom:0;
	transform:translateY(100%);
	overflow:visible;
}
.container-menu .menu-partner .menu {
	font-size:0.8em;
	font-weight:400;
}
.menu-partner {
	position:relative;
	z-index:-1;
	transform:translateY(0);
	transition:transform .2s;
}



.logo-natgeo img {
	width:13em;
}

@media all and (min-width: 48em) { /*Min 768*/
	.logo-natgeo img {
		width:16em;
	}
	.container-menu .col {
		padding-top:0.75em;
		padding-bottom:0.75em;	
	}
		
}
@media all and (min-width: 75em) { /*Min 1200*/
	.logo-natgeo img {
		width:18em;
	}
}
@media all and (min-width: 100em) { /*Min 1600*/
    .container-menu .menu-partner .menu {
        font-size:0.85em;
    }   
	.logo-natgeo img {
		width:20em;
	}
}
@media all and (min-width: 118.75em) { /*Min 1900*/
}