/* NAVBAR */
.navbar {
  font-size: 1.2em;
}

.navbar {
  margin-right: 15%;
  margin-left: 15%;
}

/* LOGO IN NAVBAR */
.navbar .navbar-brand img {
  height: 60px;
  width: auto;
  padding: 5px 0;
  margin-left: 0;
}

.navbar .navbar-nav img {
  height: 15px;
  width: auto;
  margin-left: 0;
}

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

/* ----- duo ----- */
.bg-black {
  background-color: black;
}

/*  ---  Tablet  ---  */

@media (max-width: 900px) {
  .navbar .navbar-nav {
    padding: 0 0;
  }

  .navbar {
    margin-right: 80px;
    margin-left: 80px;
  }
}

/*  ---  Smartphone  ---  */
@media (max-width: 480px) {
  .navbar .navbar-nav {
    padding: 0 0;
  }

  .navbar .navbar-brand img {
    height: 40px;
    width: auto;
    margin-left: 0;
  }

  .navbar {
    margin-right: 10px;
    margin-left: 10px;
  }
}