.navbar{
  padding: 5px;
  background-color: #e1a113;
  width: 46%;
  position: absolute;
  top: 76px;
  margin-left: 55%;
  border-bottom-left-radius: 15px; 
  z-index: 1000;
     filter: drop-shadow(1px 1px #000d33) ;

 
  border: 1px solid #e1a113;
  }
  #logo{


width: auto;height: auto;  left: 5%; z-index: 9999; position: absolute;  top: 7%;
    padding: 5px 10px;

  border-radius: 6px;
  max-width: 170px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);

  filter: drop-shadow(1px 1px #000d33);
  background-color: rgba(255, 255, 255, 0.5);
  /*blancosemitransparente*/backdrop-filter: blur(4px);
  /*efectovidrio*/-webkit-backdrop-filter: blur(4px);
  -webkit-filter: drop-shadow(1px 1px #000d33);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;

}
  header{
    position: relative;
    background-color: #0b1b3f; 
    
    height: 135px;
  display: flex;
  align-items: center;
  justify-content: space-between;  }
   .rounded-circle{
  width: 60px;
  height:60px;
  margin-right: 5px;
  cursor: pointer;
  filter: drop-shadow(1px 1px 1px black);
  -webkit-filter: drop-shadow(1px 1px 1px black);
  }
 
  .nav{
background-color: #e1a113; width: 100%; z-index: 999;
}
  .nav-item .nav-link {
    float: left;
    display: block;
    color: #000d33 !important;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 900;
    width: 100%;
    background-color: #e1a113;
    border-right:2px solid #fdeca6;
    border-bottom: 3px solid transparent;
}
  .dropdown-menu{
     margin-top: 36%;
     z-index: 1095;
     width: auto;
     height: auto;
     font-weight: 900;
     align-items: center;
    background-color: #e1a113;
     }
     #logo2:hover {
   background-color: rgba(255, 255, 255) !important;


}
#logo:hover {
   background-color: rgba(255, 255, 255) !important;


}
     .dropdown-item{
     font-size: 12px;
     font-weight: 900;
     color:#000d33;
     border-bottom:1px solid #fdeca6;
     
     }
.navbar-nav{
  border-bottom-left-radius: 15px; 

}
.nav-item a:hover {
 color: #011242 !important;
  background-color: #d8820f;
     font-weight: 900 !important;
     

}

.nav-item a.active {
 background-color: #d8820f;
   color: #011242 !important;
   font-weight: 900 !important;

}
@media screen and (min-width: 200px) and (max-width: 750px) {
    .nav-item .nav-link {
  float: left;
  display: block;
  color: #fdeca6;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 900;
  width: 100%;
  border-bottom: 3px solid transparent;
  border-bottom-left-radius: 0px !important;

}
.dropdown-menu{
margin-top: 0%;
overflow: hidden;
width: auto;
position: absolute;

}
.navbar{
  padding: 0;
  width: auto;
  max-width: 80px;
    position: relative;
  left: 25%;
  top: 20%;
  margin-bottom: 0%;
  border-bottom-left-radius: 0px;
  background-color: #e1a113 !important;
  z-index: 99999;
  border-radius:5px ;
  -webkit-border-radius:5px ;
  -moz-border-radius:5px ;
  -ms-border-radius:5px ;
  -o-border-radius:5px ;
}
  .navbar-nav{
    position: absolute;
    z-index: 1000;
    right:0%;
  
  }
}