diff --git a/src/components/Examples.vue b/src/components/Examples.vue
index facab9f..0199a78 100644
--- a/src/components/Examples.vue
+++ b/src/components/Examples.vue
@@ -1,5 +1,9 @@
 <template>
+  <div class="pageroot" id="examplesprocessroot">
+    <div id="examplesprocessbanner" class="pagebanner">
 
+    </div>
+  </div>
 </template>
 
 <script>
@@ -8,6 +12,17 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+@import "src/publicstyle.scss";
+
+#examplesprocessbanner{
+  @include media-breakpoint-between(xs, md) {
+    background-image: url('/Examples/Examplesbanner_wep.png');
+  }
+
+  @include media-breakpoint-up(md) {
+    background-image: url('/Examples/Examplesbanner.png');
+  }
+}
 
 </style>
diff --git a/src/components/ServiceProcess.vue b/src/components/ServiceProcess.vue
index 107bf4c..743cb3f 100644
--- a/src/components/ServiceProcess.vue
+++ b/src/components/ServiceProcess.vue
@@ -1,5 +1,9 @@
 <template>
+  <div class="pageroot" id="serviceprocessroot">
+    <div id="serviceprocessbanner" class="pagebanner">
 
+    </div>
+  </div>
 </template>
 
 <script>
@@ -8,6 +12,17 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+@import "src/publicstyle.scss";
+
+#serviceprocessbanner{
+  @include media-breakpoint-between(xs, md) {
+    background-image: url('/ServiceProcess/ServiceProcessbanner_wep.png');
+  }
+
+  @include media-breakpoint-up(md) {
+    background-image: url('/ServiceProcess/ServiceProcessbanner.png');
+  }
+}
 
 </style>