.linkitnav {
  grid-area: linkitnav;
  display: grid;
  grid-template-columns: minmax(150px, auto) auto auto auto auto auto auto auto;
}

.linkitnav:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

linkitnav a {
    display: inline;
    padding: 0px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}

.linkitRasKa {
    grid-area: linkitRasKa;
    height: 20px;
/* tumma theme
    background-color: #001f38 !important; */
/* vaalea theme   
    background-color: #0076d6 !important; */
}

.linkit {
  grid-area: linkit;
  display: grid;
/*  grid-template-rows: 1fr 1fr; */
  grid-template-areas:
/*        "linkitRasKa" */
        "linkitnav";
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
/*  height: 50px; */
}

@media (max-height: 500px) {
    .linkit {
        grid-area: linkit;
        display: grid;
      /*  grid-template-rows: 1fr 1fr; */
        grid-template-areas:
      /*        "linkitRasKa" */
              "linkitnav";
        position: relative;
        bottom: 0px;
    }  
}