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

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

    .main-content-front {
    grid-template-columns: 1fr 1fr;

}

.view-ajankohtaista > .view-content {
    grid-template-columns: 1fr 1fr;
    }


    .content-three-columnns {
        grid-template-columns: 2fr 1fr;
    }


    .view-palvelut > .view-content 
        {
        grid-template-columns: 1fr 1fr 1fr; 
    }

    .region-logo-menu {
        grid-template-columns: 1fr 1fr; 
    }


#block-views-block-mainosbanneri-block-2 > div > div > .view-content {
  grid-template-columns: repeat(4, auto);
        gap: 1rem;
  }


}

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



/* Mobile */

@media (max-width: 768px) {

     .main-content-front {
    grid-template-columns: 1fr;

}

.region-logo-menu {
        grid-template-columns: 1fr 1fr; 
    }


    h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .views_slideshow_cycle_slide > div > .views-field-body h1 {
  font-size: 1.5rem;
  line-height: 2rem;
}


    }