diff --git a/dist/assets/font/birdlove/Birdlove-jE1Pv.ttf b/dist/assets/font/birdlove/Birdlove-jE1Pv.ttf
new file mode 100644
index 0000000..4a8d322
Binary files /dev/null and b/dist/assets/font/birdlove/Birdlove-jE1Pv.ttf differ
diff --git a/dist/assets/font/orbitron/Orbitron-Black.ttf b/dist/assets/font/orbitron/Orbitron-Black.ttf
new file mode 100644
index 0000000..a576d83
Binary files /dev/null and b/dist/assets/font/orbitron/Orbitron-Black.ttf differ
diff --git a/dist/assets/font/orbitron/Orbitron-Bold.ttf b/dist/assets/font/orbitron/Orbitron-Bold.ttf
new file mode 100644
index 0000000..df2f9cb
Binary files /dev/null and b/dist/assets/font/orbitron/Orbitron-Bold.ttf differ
diff --git a/dist/assets/font/orbitron/Orbitron-ExtraBold.ttf b/dist/assets/font/orbitron/Orbitron-ExtraBold.ttf
new file mode 100644
index 0000000..ae65ede
Binary files /dev/null and b/dist/assets/font/orbitron/Orbitron-ExtraBold.ttf differ
diff --git a/dist/assets/font/orbitron/Orbitron-Medium.ttf b/dist/assets/font/orbitron/Orbitron-Medium.ttf
new file mode 100644
index 0000000..4272c73
Binary files /dev/null and b/dist/assets/font/orbitron/Orbitron-Medium.ttf differ
diff --git a/dist/assets/font/orbitron/Orbitron-Regular.ttf b/dist/assets/font/orbitron/Orbitron-Regular.ttf
new file mode 100644
index 0000000..ce992be
Binary files /dev/null and b/dist/assets/font/orbitron/Orbitron-Regular.ttf differ
diff --git a/dist/assets/font/orbitron/Orbitron-SemiBold.ttf b/dist/assets/font/orbitron/Orbitron-SemiBold.ttf
new file mode 100644
index 0000000..c523534
Binary files /dev/null and b/dist/assets/font/orbitron/Orbitron-SemiBold.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-Black.ttf b/dist/assets/font/satoshi/Satoshi-Black.ttf
new file mode 100644
index 0000000..62015ac
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-Black.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-BlackItalic.ttf b/dist/assets/font/satoshi/Satoshi-BlackItalic.ttf
new file mode 100644
index 0000000..74410b9
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-BlackItalic.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-Bold.ttf b/dist/assets/font/satoshi/Satoshi-Bold.ttf
new file mode 100644
index 0000000..00bc985
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-Bold.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-BoldItalic.ttf b/dist/assets/font/satoshi/Satoshi-BoldItalic.ttf
new file mode 100644
index 0000000..24f012c
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-BoldItalic.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-Italic.ttf b/dist/assets/font/satoshi/Satoshi-Italic.ttf
new file mode 100644
index 0000000..c214f4f
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-Italic.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-Light.ttf b/dist/assets/font/satoshi/Satoshi-Light.ttf
new file mode 100644
index 0000000..b41a2d4
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-Light.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-LightItalic.ttf b/dist/assets/font/satoshi/Satoshi-LightItalic.ttf
new file mode 100644
index 0000000..08f5db5
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-LightItalic.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-Medium.ttf b/dist/assets/font/satoshi/Satoshi-Medium.ttf
new file mode 100644
index 0000000..ab149b7
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-Medium.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-MediumItalic.ttf b/dist/assets/font/satoshi/Satoshi-MediumItalic.ttf
new file mode 100644
index 0000000..387f278
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-MediumItalic.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-Regular.ttf b/dist/assets/font/satoshi/Satoshi-Regular.ttf
new file mode 100644
index 0000000..fe85cd6
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-Regular.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-Variable.ttf b/dist/assets/font/satoshi/Satoshi-Variable.ttf
new file mode 100644
index 0000000..976e85c
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-Variable.ttf differ
diff --git a/dist/assets/font/satoshi/Satoshi-VariableItalic.ttf b/dist/assets/font/satoshi/Satoshi-VariableItalic.ttf
new file mode 100644
index 0000000..4c2677c
Binary files /dev/null and b/dist/assets/font/satoshi/Satoshi-VariableItalic.ttf differ
diff --git a/dist/assets/anwi logo-02.png b/dist/assets/imgs/anwi logo-02.png
similarity index 100%
rename from dist/assets/anwi logo-02.png
rename to dist/assets/imgs/anwi logo-02.png
diff --git a/dist/assets/anwilogo-01.png b/dist/assets/imgs/anwilogo-01.png
similarity index 100%
rename from dist/assets/anwilogo-01.png
rename to dist/assets/imgs/anwilogo-01.png
diff --git a/dist/assets/box.png b/dist/assets/imgs/box.png
similarity index 100%
rename from dist/assets/box.png
rename to dist/assets/imgs/box.png
diff --git a/dist/assets/laptop.png b/dist/assets/imgs/laptop.png
similarity index 100%
rename from dist/assets/laptop.png
rename to dist/assets/imgs/laptop.png
diff --git a/dist/assets/imgs/laptop_display.png b/dist/assets/imgs/laptop_display.png
new file mode 100644
index 0000000..da729c2
Binary files /dev/null and b/dist/assets/imgs/laptop_display.png differ
diff --git a/dist/assets/imgs/productoverview/productbg.png b/dist/assets/imgs/productoverview/productbg.png
new file mode 100644
index 0000000..3bc328a
Binary files /dev/null and b/dist/assets/imgs/productoverview/productbg.png differ
diff --git a/dist/css/main.css b/dist/css/main.css
index 0818f1b..df7ec11 100644
--- a/dist/css/main.css
+++ b/dist/css/main.css
@@ -15,12 +15,40 @@ ORDER: Base + typography > general layout + grid > page layout > components
 
 1em = 16px
 */
+@font-face {
+  font-family: "Orbitron";
+  src: url("../assets/font/orbitron/Orbitron-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Orbitron";
+  src: url("../assets/font/orbitron/Orbitron-Medium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Orbitron";
+  src: url("../assets/font/orbitron/Orbitron-SemiBold.ttf") format("truetype");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Orbitron";
+  src: url("../assets/font/orbitron/Orbitron-Bold.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+}
+
 *,
 *::after,
 *::before {
   margin: 0;
   padding: 0;
-  box-sizing: inherit; }
+  box-sizing: inherit; 
+
+  font-family: "Orbitron" ,sans-serif;
+}
 
 html {
   font-size: 100%; }
diff --git a/dist/css/pages/productOverview.css b/dist/css/pages/productOverview.css
index 77d2ef4..13d86d4 100644
--- a/dist/css/pages/productOverview.css
+++ b/dist/css/pages/productOverview.css
@@ -1,28 +1,57 @@
+.productoverviewmain{
+  background-image: url("../../assets/imgs/productoverview/productbg.png");
+  background-color: #cccccc;
+  background-size:     cover;                      /* <------ */
+  background-repeat:   no-repeat;
+  background-position: center center; 
+}
+
 .photo_dual {
-  width: 40rem; }
+  width: 40rem;
+}
 
 .price_footer {
-  background-color: #52cba5; }
+  background-color: #52cba5;
+  border: 2px solid;
+}
 
 .boxImgContainer {
-  width: 4rem; }
+  width: 4rem;
+}
 
 .priceCut_multi {
-  font-size: .7rem; }
+  font-size: 0.7rem;
+}
 
 .productOverview .overviewProductHeading {
-  font-size: 2.1rem; }
+  font-size: 2.1rem;
+}
 
 .productOverview .overviewProductFullTitle {
   padding: 2rem 13rem;
-  font-size: 3rem; }
+  font-size: 3rem;
+}
 
 .productOverview .overviewProductDes {
   padding: 0 2rem;
-  font-size: 1.5rem; }
+  font-size: 1.5rem;
+}
 
 .PO_galleryContainer .PO_gallery_display {
   min-height: 500px;
   width: 100%;
   background: white;
-  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%); }
+  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
+  position: relative;
+}
+.PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.PO_galleryContainer .PO_gallery_box_inner {
+  padding: 2rem;
+  background-color: #eeeeee;
+}
diff --git a/dist/html/pages/laptopmulti.html b/dist/html/pages/laptopmulti.html
index 4142391..97ed3dd 100644
--- a/dist/html/pages/laptopmulti.html
+++ b/dist/html/pages/laptopmulti.html
@@ -8,12 +8,13 @@
 
     <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
     <link rel="stylesheet" href="./../../css/main.css" />
+    <link rel="stylesheet" href="./../../css/pages/productOverview.css">
     <title>project</title>
 </head>
 
 <body>
 
-    <header class=" bg-green vh-100">
+    <header class="productoverviewmain bg-green vh-100">
 
         <!-- navbar -->
         <div id="navbar-head"></div>
@@ -28,7 +29,7 @@
                 <div class="col-sm-7 h-100">
                     <div class="d-flex align-items-end justify-content-end h-100">
                         <div class="photo_dual">
-                            <img class="w-100 h-100" src="./../../assets/laptop.png" alt="laptop">
+                            <!-- <img class="w-100 h-100" src="./../../assets/laptop.png" alt="laptop"> -->
                         </div>
                     </div>
                 </div>