/* nimetään alueet */

.headnavmenuitem {
  grid-area: headnavmenuitem;
}

.no-hover:hover {
    color: #FFF !important;
    background-color: transparent !important;
}

.headnav {
  grid-area: headnav;
/*  list-style: none;
  display: grid;*/
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 38px;
  min-width: 540px;
/*  grid-template-columns: repeat(auto-fill,minmax(200px, 1fr))*/
}

.headnavkeski {
  grid-area: headnav;
/*  list-style: none;
  display: grid;*/
  position: -webkit-sticky;
  position: sticky;
  top: 35px;
  height: 38px;
/*  grid-template-columns: repeat(auto-fill,minmax(200px, 1fr))*/    
}

.w3-sidebar.w3-nocollapse {
    display: none
}
/*

.headnav li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
*/

.juttusivunav {
  grid-area: juttusivunav;
/*  list-style: none;
  display: grid;*/
  position: -webkit-sticky;
  position: sticky;
  top: 35px;
  width: 250px;
  margin-bottom: 10px;
/*  grid-template-columns: repeat(auto-fill,minmax(200px, 1fr))*/
}

.juttusivunavitem {
    margin-top: -4px;
    margin-bottom: -4px;
    text-decoration: none;
}

@media (max-height: 600px) {
    .headnav {
        position: relative;
    } 
    
    .juttusivunav, .headnavkeski {
        position: relative;
        top: 0px;
    }  
}