nav {
  transition: all 0.7s ease-in-out 0.2s;
  top: 30px !important;
}

.navbar-brand {
  margin-right: auto;
  margin-left: 4rem;
}

.navbar-toggler {
  border: none;
}

#navbarNav {
  margin-right: 4rem;
}


.navbar {
  padding:0rem 1rem;
}

.nav-mini {
  background-color: black;
  height: 30px;
  text-align: right;
  padding: 0rem 1rem;
}

.nav-mini a {
  color: #ffffff80 !important;
  font-size: 12px;
  position: relative;
  top: 3px;
  margin-left: 15px;
}
.nav-mini a:last-child {
  margin-right: 4.5rem;
}

.nav-mini a:hover {
  color: #ffffffff !important;
}



@media (max-width: 1199.98px) {

  nav {
    transition: all 0.3s ease-in;
  }

  .navbar-brand {
    margin-left: 0rem;
  }
  
  #navbarNav {
    margin-right: 0rem;
  }
  .nav-mini a:last-child {
    margin-right: 0.5rem;
  }

}

@media (max-width: 575.98px) {

  nav {
    transition: all 0.1s ease-in;
  }

}