/*-------------DESKTOP SETTINGS-------------*/

.navbar{
  margin-bottom: 0;
}

.navbar-default {
  padding: 10px;
  background-image: none;
  background-color: transparent; /* Make the menu become transparent */
  position: absolute; /* Make the menu out of the document flow so it can placed anywhere without disturbing other widgets */
  top: 0;
  left: 0;
  right: 0;
  z-index: 10; /* If you delete this line, your menu link won't be clicked because it is behind the background. Applying this code bring the menu in front of the background */
  border: 0;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.dropdown-menu > li > a,
.dropdown-menu > li > a:focus{
  color: #FEFDFD;
  font-size: 20px;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-brand:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu:hover{
  color: #ff0000;
  background-color: transparent;
}

.dropdown-menu{
  background-color: transparent;
  border-color: #FEFDFD;
}


/*-------------SMARTPHONE SETTINGS-------------*/

@media only screen and (max-width : 575.98px) {
  .navbar-default{
    background-color: black;
    position: fixed;
  }

}