.main-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  align-items: center;
  width: var(--sizing-full);
  padding-top: var(--spacing-3xl);

  h1,
  h1 a {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);

    img {
      max-width: calc(var(--sizing-3xl) * 1.25);
    }

    span {
      display: none;
    }

    @media screen and (min-width: 280px) {
      span:first-of-type {
        display: inline;
      }
    }

    @media screen and (min-width: 480px) {
      span:last-of-type {
        display: inline;
      }
    }
  }
}