diff --git a/src/App.vue b/src/App.vue
index 7565e7b12e739a3d4611c0846c1fc3e9bb094fe8..8fbb77d67973bba3a76c1dacbf72435f88307f31 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,7 @@
 <template>
   <main id="app">
     <header>
+      <h1>Søk i Ordbøkene</h1>
       <span class="top">EID AV UNIVERSITETET I BERGEN OG SPRÃ…KRÃ…DET</span>
       <p class="mission-statement">Bokmålsordboka og Nynorskordboka er dei einaste fritt tilgjengelege ordbøkene som gjer svar på korleis ord skal skrivast og bøyast
       i norsk i tråd med gjeldande rettskriving.</p>
@@ -198,16 +199,36 @@ body {
   margin: 0px;
 }
 
+h1 {
+  font-family: Inria Serif;
+  font-size: 36px;
+  color: #560027;
+}
+
 main {
-  padding-top: 60px;
+  background-image: url('./assets/beta.png');
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+}
+
+header, #search_results, article, footer, div.welcome {
   padding-left: calc((100vw - 1000px) / 2);
   padding-right: calc((100vw - 1000px) / 2);
-  background-color: #FDF4F5;
   background-image: url('./assets/beta.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
 
+header {
+  padding-top: 60px;
+  padding-bottom: 20px;
+  background-color: #FDF4F5;
+}
+
+section, article {
+  background-color: #FFFFFF;
+}
+
 .top {
   color: #560027;
   font-weight: bold;
diff --git a/src/components/Definition.vue b/src/components/Definition.vue
index 29944fab8af82b5e1b78465a3844b40b6f7c0adc..d1b2c2d3b926a64005b261c557cf3a897b23683e 100644
--- a/src/components/Definition.vue
+++ b/src/components/Definition.vue
@@ -84,7 +84,7 @@ q {
 }
 
 .highlighted {
-  background-color: #ddddff;
+  background-color: #FDF4F5;
   border-radius: 5px;
 }
 </style>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 97f5bc7b552b6787736fde4c4bbc9208420144e8..aaf5f651bf2cba17f73eca1a963bdc8f6ac2865f 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1 v-for="(lemma, index) in lemmas" :key="index">
+    <h1 class="article_header" v-for="(lemma, index) in lemmas" :key="index">
       {{lemma.lemma}}{{index+1 < lemmas.length ? ',' : ''}} </h1>
       <details title="Klikk for å se bøyninger">
         <summary>{{group_list}}</summary>
@@ -40,17 +40,14 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 
 .word-classification {
   text-decoration: underline dashed;
 }
 
-h1 {
+h1.article_header {
   display: inline;
-  font-family: Inria Serif;
-  font-size: 36px;
-  color: #560027;
 }
 
 .inflection table {
@@ -58,11 +55,6 @@ h1 {
   margin: 10px;
 }
 
-.homograph {
-  font-size: smaller;
-  font-weight: normal;
-}
-
 .inflection td, .inflection th {
   border: solid;
   border-width: 1px;
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 70046713509b999514adf0a246adbb5d79362a1f..40db8b184393d08ebc4381e8331cecdf6656a6da 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -1,5 +1,5 @@
 <template>
-  <section>
+  <section id="search_results">
     <h2 v-if="hits.length">Søkeresultater</h2>
     <div class="flex-container">
       <ul class="hits" v-if="results_bob.length">