/* Mantem a marca centralizada no cabecalho sem alterar o layout desktop. */
@media (max-width: 767px) {
  nav > .container {
    position: relative;
  }

  nav > .container > a:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
  }

  nav > .container > a:first-child img {
    width: auto;
    height: 1.25rem;
    max-width: 8.5rem;
  }

  nav > .container > button {
    position: relative;
    z-index: 2;
    margin-left: auto;
  }
}