html {
  font: normal 100%/1.5 'lora', 'georgia', serif;
  color: #333;
  word-wrap: break-word;
}

body, header, nav, article, footer {
  display: block;
  clear: both;
  margin: 0px auto;
}

article ol, ul {
  padding: 0.5em;
  margin: 0.5em;
}

article ol li, ul li { margin-bottom: 0.5em; }

header, nav, footer, .c { text-align: center; }

.r { text-align: right; }

header {
  font: normal 100%/1.5 georgia, serif;
  background-color: #004d99;
  color: #fff;
}

nav, footer {
  font: normal 130%/1.6 lora, georgia, serif;
}

article {
  font: normal 180%/1.6 lora, georgia, serif;
  max-width: 31em;
  padding: 0em 7em 3em 7em;
}

footer {
  height: 10em; 
  background-color: #004d99;
  color:#fff;
  padding-top: 6em;
  padding-bottom: 6em;
}

nav ul li, footer ul li { display: inline; }

nav ul, footer ul { padding: 0; }

.nfk {
  width: 100%;
  height: auto;
  border: 0;
}

a { text-decoration: none; }

a:hover { border-bottom: 1px solid; }


h1 {
  font-size: 6.6em;
  margin: 0;
}

h2 { font: normal 150%/1.6 lora, georgia, serif; }

hr {
  border: 0;
  width: 100%;
  background-color: #000;
  height: 1px;
}

.billedtekst {
  font: normal 75%/1.5 'lora', 'georgia', serif;
  color: #333;
  margin-top: 0.1em;
}

q:before, blockquote:before { content: '\201c'; } 

q:after, blockquote:after { content: '\201d'; } 

@media screen and (max-width: 70em) {
nav, article, footer { font: normal 150%/1.5 lora, georgia, serif; }
article { padding: 0em 1em 0em 1em; }
h1 { font-size: 500%; }
h2 { font-size: 140%; }
}

@media screen and (max-width: 65em) {
h1 { font-size: 550%; }
}

@media screen and (max-width: 50em) {
h1 { font-size: 500%; }
}

@media screen and (max-width: 40em) {
h1 { font-size: 360%; }
}

@media screen and (max-width: 35em) {
nav, article, footer { font: normal 100%/1.5 lora, georgia, serif; }
article { padding: 0em 1em 0em 1em; }
h1 { font-size: 200%; }
}