*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
/*menulinjens layout*/
header nav a{
    color: black;
    font-size: 16pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin-right: 100px;
    margin-left: 50px;
    text-transform: uppercase;
}

section nav a{
    color: black;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin-right: 100px;
    margin-left: 12px;
    text-transform: uppercase; 
}

header{
    width: 100%;
    height: auto;

    align-items: center;
    text-align: center;

    /*Position */
    position:static;
    top:0px;
    background-color: white;
    z-index: 1;
    }

    header section{
        display: flex;
        margin-left: 39%;
        margin-top: 2%;
    }

main{
    width: 100%;
    height: auto;
    text-align: center;
}


/* "nyeste historier" overskrift*/
h1{
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:50pt;
    font-weight: 100;
    font-weight: 1px;
  }

h2{
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:40pt;
    font-weight: 100;
    font-weight: 1px;
    margin-left: 26%;
    margin-top: 1%;
}


  h3{
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18pt;
    font-weight: 100;
    font-weight: 1px;
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 2%;
    line-height: 35px;
  }

#omos{
    margin-top: -6%;
}

  main section{
    display: flex;
  }

/* længden og placeringen af linjen under overskrifterne*/
hr{
    width: 7%;
    margin-left: 45%;
    height: 5%;
  }

#hr1{
    width: 7%;
    margin-left: 28%;
    height: 5%;
}

#hr2{
    width: 7%;
    margin-left: 32%;
    height: 5%;
}

#hr3{
    width: 10%;
    margin-left: 38%;
    height: 5%;
  }

/*overskrifterne inden i tekstboksene*/
section h1{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: 100;
    font-weight: 20px;
  }

/*brødtekstens layout*/
section p{
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
  }
  

/*layout på de 3 cards*/
.cardscontainer{
    display: flex;
    justify-content:center;
    min-width: 950px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: 100;
    font-weight: 1px;
    height: 600px;
    padding-top: 30px;
    padding-bottom: 100px;
  }
  
/* størrelsen på tekstboxene under billederne*/
  .cardscontainer div{
    width: 300px;
    height: 450px;
  
  
/* mellemrummet mellem cards*/
    margin: 20px;
    text-align:center;
    background-color: white;
  }

  .cardscontainer div a{
    text-decoration: none;
  }

  div p{
    line-height: 22px;
  }

/*footerens layout*/
  footer{
    background-color: #d1b9ff;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 4%;
}

#medier{
    margin-left: 80%;
    margin-top: -7%;
}


#sociale{
    margin-left: 86%;
    margin-top: 1%;
}

p{
    color: black;
    font-size: 14pt;
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none;  
}

footer a{
    color: black;
    font-size: 14pt;
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none;
}

#nu{
    color: #B28CFC;
}