/* MENU NAVIGATION

/** GOOD **/
/* Overall navigation bar styles */
/* Gradient background */

/** Purple **/
.navbar .navbar-brand .fa.fa-home {
  color: #7770b0;
  height: 25px;
  width:  25px;
  font-size: 25px;
}

.navbar .navbar-brand .fa.fa-home:hover {
  color: #7770b0;
  transform: scale(1.3);
  transition: transform 0.2s ease-in-out;
}

.navbar-default {
  background: linear-gradient(to right, #d2ebd7, #c6e5d3);
}

.navbar-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar-default .navbar-nav > li > a:hover {
  transform: scale(1.05);
  transition: transform 0.2s ease-in-out;
}

.navbar-default .navbar-nav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:active,
.navbar-default .navbar-nav > li:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:active {
  border-radius: 3px;
  background-color: #7770b0;
  color: white;
}

.navbar-default .navbar-nav > li > a i {
  margin-right: 5px;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #7770b0;
  border: none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #c6e5d3 !important;
}