.masthead {
  &-logo {
    width: 24rem;

  }

  & .header__desktop {
    & .app-logo {
      cursor: pointer;

      & .span-app__color {
        color: $white;
      }
    }
  }
}

// only happened when app-title--long used
.app-title--long .masthead-logo {
  width: 22rem;
}
@media print, (min-width:1200px) {
  .app-title--long .masthead-logo {
    width: 23rem;
  }
}

@media print, (min-width:1480px) {
  .app-title--long .masthead-logo {
    width: 24rem;
  }
}