.bg-1 {
    background-image: url(../img/03_2022.jpg);
    background-size: cover;
    background-position: center;
   
  }

  /* Initial position of the mobile navigation */
.mobile-navi {
  position: fixed; /* Fix the position relative to the viewport */
  top: 0;
  right: -100%; /* Position it off-screen to the right */

  transition: right 0.8s ease; /* Smooth animation */
  z-index: 1000; /* Ensure it is above other elements */
}

/* When the mobile navigation is active */
.mobile-navi.active {
  right: 0; /* Slide it into view */
  top: 0;
}

/* Style the burger menu */
.burger-box {
  cursor: pointer;
  z-index: 2000;
}
h1 {
  font-size: clamp(2rem, -4.3889rem + 22.2222vw, 4.5rem);;
}