/* Tablet */
@media (min-width: 768px) {
    .region-user-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    .menu--tools .menu {
        grid-template-columns: repeat(4, auto);
        gap: 1rem;
      }
    .menu--account .menu {
        margin-bottom: 0;
    }

      .field--name-field-gallery {
    grid-template-columns: repeat(3, 1fr);
    }

    .view-galleria-block .view-content .galleria-front .views-field-field-gallery .field-content {
    grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop */
@media (min-width: 960px) {
    .nav-menu .container-xl {
        padding-left: var(--bs-gutter-x);
        padding-right: var(--bs-gutter-x);
    }
    .content {
        grid-area: content;
    }

    .view-etusivun-kuvalinkit > .view-content {
        grid-template-columns: repeat(3, 1fr);
    }

/*    .view-oppilaat .view-content {
        grid-template-columns: repeat(4, 1fr);
    }
*/

    .oppilaan-esittely {

         grid-template-columns: 25% auto;
    }
      .view-henkilokunta .view-content {
        grid-template-columns: repeat(3, 1fr);
    }

    .path-frontpage .view-ajankohtaista .view-content {
         grid-template-columns: repeat(2, 1fr);
    }

    .field--name-field-gallery {
    grid-template-columns: repeat(6, 1fr);
    }

    .view-galleria-block .view-content .galleria-front .views-field-field-gallery .field-content {
    grid-template-columns: repeat(6, 1fr);
    }
}

/* Extra wide */
@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

/* Smaller screen */
@media (max-width: 960px) {

/* .view-oppilaat .view-content {
        grid-template-columns: repeat(2, 1fr);
    }  */

      .view-henkilokunta .view-content {
        grid-template-columns: repeat(2, 1fr);
    }

     .view-etusivun-kuvalinkit > .view-content {
        grid-template-columns: repeat(2, 1fr);
    }

     .field--name-field-gallery {
    grid-template-columns: repeat(3, 1fr);
    }

    .view-galleria-block .view-content .galleria-front .views-field-field-gallery .field-content {
    grid-template-columns: repeat(3, 1fr);
    }


}

/* Mobile */
@media (max-width: 768px) {
      .field--name-field-gallery {
    grid-template-columns: repeat(1, 1fr);
    }

    .view-galleria-block .view-content .galleria-front .views-field-field-gallery .field-content {
    grid-template-columns: repeat(1, 1fr);
    }

     .view-oppilaat .view-content {
        grid-template-columns: repeat(1, 1fr);
    }

      .view-henkilokunta .view-content {
        grid-template-columns: repeat(1, 1fr);
    }

     .view-etusivun-kuvalinkit > .view-content {
        grid-template-columns: repeat(1, 1fr);
    }



}