/*----- min-width: 769px, max-width: 980px -----*/

.admin-linkset,
div#toolbarWrapper,
.no-mobile {
 display: none !important; 
}

.mobile-only { display: block; }

div#pagemask-black { opacity: 1 !important; }

.js .reveal { opacity: 1; }
.js .slide-from-left  { transform: translateX( 0px); }
.js .slide-from-right { transform: translateX( 0px); }

div#header { padding: 30px 30px 30px 30px; }

div#logo-wrap h1 { font-size: 2.4rem; }

div#section2-cont {
  min-height: unset;
  flex-direction: column;
  padding: 60px 60px;
  gap: 60px;
}

div#section2-left-wrap { flex-basis: 100%; }

div#section2-right-wrap { flex-basis: 100%; }

div#section3-cont {
  min-height: unset;
  flex-direction: column-reverse;
  padding: 60px 60px;
  gap: 60px;
}

div#section3-left-wrap { flex-basis: 100%; }

div#section3-right-wrap { flex-basis: 100%; }

div#section4-cont { padding: 60px 8px 8px 8px; }

div.kuva { flex: 1 1 220px; }