@media (max-width: 1980px) {
  .container {
    height: 50px;
  }
  .container input[type=text] {
    margin-left: 9.5rem;
  }
  .nav-links button {
    height: 50px;
    width: 110px;
  }
}
@media (max-width: 450px) {
  body {
    overflow-x: hidden;
  }
  /* Topbar */
  .logo {
    font-size: 0;
    margin-bottom: 1vh;
  }
  .container input[type=text] {
    margin-left: -2.5rem;
    width: 20rem;
  }
  /*Dropdown*/
  .burger {
    display: flex;
    margin-left: -2.2rem;
  }
  .burger .line {
    width: 25px;
    height: 3px;
    background: white;
    transition: transform 0.3s;
  }
  .nav-links {
    display: none;
    flex-direction: column;
    background: #34495e;
    position: absolute;
    align-items: flex-start;
    left: 0;
    top: 3rem;
    width: 100%;
    bottom: 0;
  }
  .show {
    display: flex;
  }
  body.blurry {
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 255, 0.2); /* Blue semi-transparent overlay */
    transition: backdrop-filter 0.3s ease, background 0.3s ease;
  }
  /* Text */
  .content {
    height: 100vh;
    margin-bottom: 40vh;
  }
  .content img {
    display: none;
  }
  .content h1 {
    font-size: 8vw;
    top: 5%;
    width: 100vw;
  }
  .content h2 {
    font-size: 6.5vw;
    top: 20%;
    width: 100vw;
  }
  .content p {
    font-size: 4.5vw;
    top: 35%;
    width: 80vw;
    margin: 0;
  }
  .content button {
    bottom: -30rem;
  }
  /* Footer */
  .footer-container {
    display: none;
  }
}

/*# sourceMappingURL=Responsiveness.css.map */
