/*------------------------------------*\
     #LOGO
 \*------------------------------------*/

 /**
  * Branding image or text of the site
  */
.c-logo {
  .c-header & {
    display: none;
    margin-right: 1em;

    @media all and (min-width: 47em) {
      display: block;
      margin-left: 2rem;
    }
  }

  img {
    height: 40px;

    @media all and (min-width: 47em) {
      height: 66px;
    }
  }
}