@media (min-width: 900px) {
  .hamburger-label,
  .menu-title,
  .logo-menu {
    display: none;
  }

  .menu {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    margin: 0px auto;
    padding: 0px 50px 20px 0px;
    background-color: var(--dark-blue);
  }

  nav {
    padding: 15px 0px;
  }

  .cta-menu {
    border: #6889a6 solid 3px;
    border-radius: 10px;
    color: var(--light-blue);
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    background-color: var(--dark-blue);
    transition: background-color 1s;
  }

  .cta-menu:hover {
    background-color: var(--light-blue);
    color: var(--dark-blue);
  }

  .active {
    background-color: var(--light-blue);
    color: var(--dark-blue);
  }

  footer {
    padding: 20px;
  }
}

@media (max-width: 900px) {
  .menu a {
    color: var(--black);
    text-decoration: none;
    padding: 10px 30px 10px 0px;
  }

  .menu-title {
    position: absolute;
    left: 100px;
    top: 20px;
  }

  .special-container {
    margin: 20px;
  }

  .visit-container {
    margin: 30px 20px;
  }

  .exhibition-container div {
    margin: 20px 30px;
  }

  footer {
    flex-direction: column;
    padding: 30px 0px;
  }

  footer div {
    width: 300px;
  }

  footer h3 {
    order: 1;
    margin-left: 30px;
  }

  .footer-hours {
    order: 2;
  }
}