header {
  background-color: rgba(218, 185, 132, 0.1) !important;
}
.fbc-header-desktop {
  display: none;
  grid-template-columns: 162px 1fr;
  grid-template-rows: 40px 60px;

  > div:nth-child(1) {
    grid-row: span 2;
  }

  > div:nth-child(2) {
    justify-self: end;
    align-self: flex-end;
    display: flex;
    gap: 20px;

    a:link,
    a:visited {
      font-size: 12px;
      font-weight: normal;
      text-decoration: none;
      color: black;
      display: inline;

      > svg {
        display: inline;
      }
    }
  }

  > div:nth-child(3) {
    align-self: center;

    a:link,
    a:visited {
      font-family: var(--font-chewy);
      font-size: min(22px, 2cqw);
      font-weight: normal;
      text-decoration: none;
      margin: 10px;
    }
  }
}

@media screen and (width >= 48rem) {
  .fbc-header-desktop {
    display: grid;
  }
}