/* 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;
    }

        .linkit {
    grid-template-columns: repeat(2, auto);
}


       .view-yt-logot .view-content {
    grid-template-columns: repeat(6, auto);
}
}

/* 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;
    }

    .linkit {
    grid-template-columns: repeat(2, auto);
}


#block-esittelytekstimobile {
    display: none;
}

.fb-plugins {
    grid-template-columns: repeat(2, auto);
}
}

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

/* Small Screens */
@media (max-width: 960px) {
    .hero-overlay {
        display: none;
    }

    #block-esittelytekstimobile {
    padding: 2rem;
}

    }

/* Mobile  */
@media screen and (max-width: 760px) {
.hero-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--hero-overlay);
}

.fb-plugins > div {
  margin: 1rem 0rem;
}

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

}