body 
{
  display: grid;
  grid-template-areas: "he he he he he"
                       "v m m m h"
                       "f f f f f";
  grid-template-columns: 12.5% repeat(3, 25%) 12.5%;
  grid-template-rows: 0.125fr 2.5fr 0.125fr;
  row-gap: 2%;
  margin-top: 3%;

  overflow-x: hidden;
  align-content: center;
} 

#head
{
  grid-area: he;
  display: flex;
  margin-top: 1%;
  flex-direction: row;
  padding: 0.5%;
  border: 2px black solid;
  justify-content: space-between;
}
#head > * 
{
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: x-large;
  margin-right: 2%;

}
#titel_bar
{
  font-size: 300%;
  position: absolute;
  align-self: center;
  right: 50%;
  left: 50%;
}
#menu_bar
{
  align-self: center;
  width: 2%;
  font-size: x-large;
}
#navigator 
{
  position: absolute;
  left: 5%;
}
#strek
{
  cursor: pointer;
}
#sok
{
  align-self: center;
  border-radius: 10px;
}
#sok:hover
{
  background-color: rgb(211, 213, 213);
}

#hoved
{
  grid-area: m;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  padding: 2%;
  background-color: #EEEEEE;

  justify-content: center;


  text-align: center
}
#hoved > *
{
  align-items: center;

  margin-top: 5%;
}


#venstre
{
  grid-area: v;
}

#høyre
{
  grid-area: h;
}

#footer
{
  grid-area: f;
  display: inline-flex;
  justify-content: space-between;

  background-color: #948b8b;
  
  padding-top: 1%;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: -1%;
  margin-right: -1%;
  margin-bottom: -2%;
}

#footer > * > * > a
{
  color: aqua;
}

.Logo 
{
  width: 10%;
  position: absolute;
  align-self: center;

  right: 45%;
  left: 45%;
}
.titelbilde 
{
  margin: 5%;
  width: 40%;
  min-width: 40%;
  align-self: flex-start;
}
.pointer-div {
  cursor: pointer;
  display: inline-block;
}
.vekk {
  display: none;
}