.navbar {
  padding: 0px;
  background-color: #0d0d0d;
}

.nav li {
  list-style-type: none;
}
.nav li a {
   padding:0px;
}
.navbar-header {
  margin-right: 1rem;
}
#selection.d-none {
  transition: all 1s ease-in-out;
}
.loupe img {
  height: 2rem;
}
.navbar-brand>img{
  left: 300px;
  width: 150px;
  height:70px;
}
.navbar-brand>img.active{
  content: url('../../proto/svg/ValoriLogo_RED3.svg');
  transition: all 1s ease-in-out;
}


@media (max-width: 767px) {
  .navbar {
    max-width: 100%;
  }
  /*body{*/
  /*  width: 90%;*/
  /*  margin-right: -50%;*/
  /*  padding: 0;*/
  /*}*/
  .navbar li a {
    font-size: 25px;
    padding-bottom: 10px;
    text-align: center;
    /*position: relative;*/
  }
}
@media only screen and (min-width: 985px) and (max-width: 1099px){
  .navbar-brand>img.active{
  width: 300px;
  content: url('../../proto/svg/ValoriLogo_RED2.svg');
  transition: all 1s ease-in-out;
  }
  .navbar-brand>img{
  width: 300px;
  content: url('../../proto/svg/ValoriLogo_BW2.svg');
  overflow: hidden;
  transition: all 1s ease-in-out;
  }
  .signin_link{
    position: absolute;
    padding-left:40vw;
  }
}

@media only screen and (min-width: 1100px)  {
  .navbar-brand>img.active{
  width: 300px;
  content: url('../../proto/svg/ValoriLogo_RED1.svg');
  transition: all 1s ease-in-out;
  }
  .navbar-brand>img{
  content: url('../../proto/svg/ValoriLogo_BW1.svg');
  overflow: hidden;
  transition: all 1s ease-in-out;
  }
  .signin_link{
    margin-left: 19vw;
  }

}