header {
    display: flex;
    position: fixed;
    z-index: 9999;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    padding-top: 7px;
    background-color: rgba(255, 255, 255, 0.4);
    transition: background-color 0.6s ease;
    transform: translateY(-100%);
    animation: slideDown 1s ease-out forwards;
  }

  @media (max-width: 992px) {

    .logo img {
      margin-right: 5vw;
    }
    
    nav ul {
      margin-left: 5vw;
    }

  }

  @media (max-width: 768px) {

    header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
      }

  }