diff --git a/src/components/Aboutus.vue b/src/components/Aboutus.vue
index 46dcd81..bc94e8a 100644
--- a/src/components/Aboutus.vue
+++ b/src/components/Aboutus.vue
@@ -1,5 +1,9 @@
 <template>
-  <div height="0"></div>
+  <div class="pageroot" id="aboutusroot">
+    <div id="abubanner" class="pagebanner">
+
+    </div>
+  </div>
 </template>
 
 <script>
@@ -8,6 +12,16 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+@import "src/publicstyle.scss";
 
+#abubanner{
+  @include media-breakpoint-between(xs, md) {
+    background-image: url('/Aboutus/aboutusbanner_wep.png');
+  }
+
+  @include media-breakpoint-up(md) {
+    background-image: url('/Aboutus/aboutusbanner.png');
+  }
+}
 </style>