.header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 2rem;
  position: relative;
  z-index: 12;
}

.header-menu {
  display: none;
}

.header-bars {
  display: block;
  color: var(--clr-light);
  width: var(--size-2xl);
  height: var(--size-2xl);
}

/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
@media (min-width: 768px) {
  .header-menu {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2em;
  }
  
  .header-link {
    font-size: var(--size-xs);
    text-decoration: none;
    font-weight: 600;
    color: var(--clr-stone600);
    letter-spacing: -0.05em;
    transition: color 0.25s;
  }
  
  .header-link:hover {
    color: var(--clr-emerald);
  }
  
  .header-line {
    border: 1px solid var(--clr-stone600);
    padding-top: 1.5em;
  }
  
  .header-calendar {
    display: block;
    color: var(--clr-stone600);
    width: var(--size-base);
    height: var(--size-base);
  }
  
  .header-contact {
    font-size: var(--size-xs);
  }

  .header-bars {
    display: none;
  }
}

/* lg */
@media (min-width: 1024px) {
  .header-link {
    font-size: var(--size-sm);
  }
  
  .header-calendar {
    width: var(--size-xl);
    height: var(--size-xl);
  }
  
  .header-contact {
    font-size: var(--size-sm);
  }
}

/* xl */
/* @media (min-width: 1280px) {} */

/* xxl */
/* @media (min-width: 1536px) {} */