@media (min-width: 768px) {
  .menu-label {
    display: none;
  }

  .menu-items {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end;
    background: transparent;
    position: static;
    max-height: none !important;
    overflow: visible;
    width: auto;
  }

  .menu-items li {
    opacity: 1 !important;
    transform: none !important;
    padding: 10px 20px;
  }

   .portfolio-masonry {
    column-count: 3;
  }

  .footer-container {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
   .portfolio-masonry {
    column-count: 4;
  }
}