.container{
margin-top:25px;
}

.gl-header{
background:#14263a;
color:white;
font-family:Arial,Helvetica,sans-serif;
position:sticky;
top:0;
z-index:9999;
}

/* topo */

.gl-top{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px 20px;
}

.gl-logo a{
text-decoration:none;
color:white;
}

.logo-titulo{
display:block;
font-size:22px;
font-weight:bold;
}

.logo-sub{
font-size:12px;
opacity:0.8;
}

/* menu */

.gl-nav{
background:#0d1b2a;
}

.gl-menu{
list-style:none;
display:flex;
flex-wrap:wrap;
margin:0;
padding:0;
}

.gl-menu li{
position:relative;
}

.gl-menu a{
display:block;
padding:14px 18px;
text-decoration:none;
color:white;
font-size:15px;
}

.gl-menu a:hover{
background:#1f3b57;
}

/* dropdown */

.gl-submenu{
display:none;
position:absolute;
top:100%;
left:0;
background:#14263a;
min-width:220px;
list-style:none;
padding:0;
margin:0;
box-shadow:0 10px 20px rgba(0,0,0,0.4);
}

.gl-submenu li a{
padding:10px 16px;
}

.gl-dropdown:hover .gl-submenu{
display:block;
}

/* botão mobile */

.gl-menu-toggle{
display:none;
background:none;
border:none;
font-size:26px;
color:white;
cursor:pointer;
}

/* mobile */

@media(max-width:900px){

.gl-menu{
display:none;
flex-direction:column;
}

.gl-menu.ativo{
display:flex;
}

.gl-menu-toggle{
display:block;
}

.gl-dropdown:hover .gl-submenu{
display:none;
}

.gl-submenu{
position:relative;
}

}