$ordering-logo-width: 70px !default;

.c-header.header-ordering {
   margin-bottom: 35px;

   > .container {
      > div {
         width: calc(50% - $ordering-logo-width);
      }
   }

   .c-header-icons {
      justify-content: flex-end;
   }

   @media screen and (max-width: $md - 1) {
      > .container {
         > div {
            width: auto;

            &:first-child {
               display: none;
            }
         }
      }
   }
}
