#page-wrapper{
  .mobile-menu{
    display: none;
  }
  & > header{
    z-index: 999;
    padding-top: 1.4rem;
    .logo{
      z-index: 999;
      width: 20rem;
      position: fixed;
      right: 0px;
      top: 0;
      transform: translate(-25%, 19rem) rotate(90deg);
      transform-origin: bottom right;
    }
    .desktop-menu{
      & > nav.dropmenu{
        & > ul{
          @include flexbox;
          align-items: baseline;
          & > li{
            margin-right: 1.2rem;
            & > ul{
              position: absolute;
              top: -100px;
              background: white;
              a{
                transition: 0.3s color ease;
                color: white;
              }
            }
            &:hover{
              & > ul{
                position: absolute;
                top: auto;
                a{
                  &.active{
                    color: black;
                  }
                  transition: 0.3s color ease;
                  color: $grey;
                }
                & > li{
                  &:hover{
                    a{
                      color: black;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  #start{
    header.sous_nav{
      padding-top: 6rem;
      ul{
        @include flexbox;
        li{
          margin-right: 1rem;
          a{
            color: $grey;
            &.active{
              color: black;
            }
          }
        }
      }
    }
  }
}