/* Fix for announcement bar overlapping header */
.header {
  background-color: #0000;
  padding: 31px 2rem;
  position: absolute;
  inset: 120px 0% auto !important; /* Move header down by announcement bar height */
}

/* Adjust for mobile devices */
@media screen and (max-width: 767px) {
  .header {
    inset: 140px 0% auto !important; /* Adjust for mobile announcement bar height */
  }
}

@media screen and (max-width: 479px) {
  .header {
    inset: 200px 0% auto !important; /* Adjust for smaller mobile announcement bar height */
  }
}