.topnav {
    background-color: #394159;
    overflow: hidden;
    position: sticky;
    top:0;
  }
.topnav a:not(:first-child) {display: none;}
 .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
	position:sticky;
  }




.topnav a:hover {
  background-color: #2d82f1;
  color: white;
}


.topnav a.active {
  background-color: #322f8d;
  color: white;
}


.topnav a.icon {
  display: block;
  float: right;
  
}

footer {
  padding: 20px; /* Some padding */
  text-align: center; /* Center text*/
  background: #ddd; /* Grey background */
}
.footercontainer {
  display: flex;
}

.footerabout  {
  width: 100%;
    border-right:1px solid #fff;
}
.footercontact{
  width: 100%;
    border-left:1px solid #fff;
}
.footerabout ul li{
  display:inline;
  text-transform:uppercase;
  list-style:none;
  margin-right:2%;
}
.footerabout ul li a {
  font-size:.8em;
  color:grey;
  text-decoration:none;
  font-weight:bold;
}

.footerabout ul li a:hover {
  text-decoration:underline;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

@media screen and (min-width: 600px) {
    .footerabout{
      flex:70%;
    }
    .footercontact{
      flex:30%;
    }
  }

@media screen and (min-width: 600px) {
	  
.topnav a:not(:first-child) {display: block;}
	/* lenkenes stil i nav */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  /* lenker ved hover */
.topnav a:hover {
    background-color: #2d82f1;
    color: white;
  }
  
  /* uthev gjeldende side */
 .topnav a.active {
    background-color:#322f8d;
    color: white;
  }
  
  .topnav a.icon {
    display: none;
  }
}
  
.topnav.responsive {position: sticky;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
	  position: sticky;
    }

  
  

  /*Denne siden er utviklet av Rita Berg, sist endret 09.10.2020 */
  /*Denne siden er kontrollert av Rita Berg, sist kontrollert 21.10.2020 */