.gallery-container {
      padding: 10px;
      max-width: 70%;
      margin: 0px auto 50px;
    }
    .filter-buttons {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }
    .filter-buttons button {
        border: none;
        padding: 5px 25px;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        background: #263238;
        color: #fff;
        margin: 3px;
    }
    .filter-buttons button:hover,
    .filter-buttons button.active {
      background-color: #90a4ae;
    }

    .masonry-grid {
      column-count: 6;
      column-gap: 10px;
    }

    .masonry-item {
      display: inline-block;
      width: 100%;
      margin-bottom: 10px;
    }

    .masonry-item img {
      cursor: pointer;
      width: 100%;
      height: auto;
      display: block;
    }

    /* Lightbox stilovi */
    .lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      align-items: center;
      justify-content: center;
    }
    .lightbox img {
      max-width: 90%;
      max-height: 90%;
      margin: auto;
      display: block;
    }

    @media (max-width: 1024px) {

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

    }


    @media (max-width: 768px) {

      .masonry-grid {column-count: 2;}
      .gallery-container {max-width: 90%;}

    }

    @media (max-width: 660px) {

        .filter-buttons {flex-direction: column;}

        .filter-buttons button {
            width: 250px;
            margin: 3px auto;
        }

        .gallery-container {max-width: 90%;}

      }

    @media (max-width: 480px) {

      .masonry-grid {column-count: 2;}

      .gallery-container {max-width: 100%;}

    }