.menu-icon{
  height: 3rem;
  width: 3rem;
  background-color: #c69c6d;
}

.menu-icon:hover{
  background-color: #021F48 !important;
}

.menu-icon img{
  height: 3rem;
  width: auto;
}

.mobile-menu{
  width: 100%;
  z-index: 101;
}

.menu-ribbon{
  height: 3rem;
  width: 100%;
  background-color: #E6E6E6;
}

.top-bar-mobile{
  display: flex;
}

#mobile-btn{
  all: unset;
}

.nav-option{
  display: none;
  background-color: #021F48;
  height: 8.7rem;
  width: 100%;
}

.nav-option p{
  margin: 0;
  padding: 0.5rem 0rem;
  padding-left: 2rem;
}

.nav-option p:hover{
  color: #c69c6d;
  background-color: #E6E6E6;
}

.nav-option a{
  all: unset;
}