#main-menu {
   /* background: var(--black);
   color: #fefefe; */
   display: flex;
   align-items: center;
   padding: 1rem;
}

#main-menu .logo {
   display: flex;
   align-items: center;
}

#main-menu a.logo-text-complement {
   font-family: var(--font-primary);
   font-size: 1.7rem;
   text-decoration: none;
   margin-left: 2rem;
   color: var(--black);
   font-weight: 700;
   transition: all 0.15s ease-in-out;
}
#main-menu a.logo-text-complement:hover {
   color: var(--color-primary);
}

#main-menu nav.main-menu {
   margin-left: auto;
}

#main-menu ul {
   display: flex;
   flex-direction: row;
   list-style: none;
   margin: 0;
   padding: 0;
}

#main-menu ul > li {
   margin: 0 1rem;
}

#main-menu img.custom-logo {
      max-height: 70px;
      width: auto;
      margin: 0;
      padding: 0;
      display: block;
}



@media screen and (min-width: 900px) {
   #ccn-hamburger-menu {
      display: none;
   }
}