/* header */

.navigation a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 4vw;
}

.logo {
    filter: invert();
    width: 160px;
    height: 36px;
    top: -50%;
    fill: #fff;
}

.logo:hover {
    cursor: pointer;
    background-image: url(../img/frontpage/logofillwhite.svg);
    background-repeat: no-repeat;
    background-size: 158px, 36px;
    background-position: center; 
}

.navigation {
  font-family: 'Inter', sans-serif;
  list-style: none;
}

.navigation li {
  display: inline-block;
  padding: 0px 20px;
}

li:hover {
  font-weight: 700;
  cursor: pointer;
}

hr.inv {
  border: 6px;
  margin-top: 2em;
  margin-bottom: 2em;
}

hr.inv2 {
  border: 6px;
  margin-top: 8em;
  margin-bottom: 8em;
}