Modification titre portfolio

index.html

@@ -69,8 +69,9 @@
     </header>
     
     <section class="bg-primary" id="about">
-        <img class="vecto1" src="img/vecto1.svg">
-        <img class="vecto2" src="img/vecto2.svg">
+        <img id="renard" src="img/whitfoxvecto.svg">
+        <hr id="hr_left" />
+        <hr id="hr_right" />
         <div class="container">
             <div class="row justify-content-center">
                 <div class="col-lg-8 text-center">

scss/_about.scss

@@ -2,20 +2,39 @@
     padding: 50px 0;
     position: relative;
     overflow: hidden;
+    background-color: $background-baniere !important;
     h1 {
-        font-family: descuadrado-webfont;
-        font-size: 4rem;
+        font-family: NEOTERIC;
+        font-size: 3rem;
+        text-transform: uppercase;
+    }
+    hr {
+        position: absolute;
+        max-width: 100%;
+        width: 30%;
+        top: 50%;
+        margin: 0;
+        border-color: white;
+        border-width: 2px;
+        &#hr_left{
+
+        }
+        &#hr_right{
+            right: 0;
+        }
     }
     img { 
         position: absolute;
         width: 100%;
-        &.vecto1 {
-            left: -70rem;
-            top: -70rem;
-        }
-        &.vecto2 {
-            right: -60rem;
-            top: -20rem;
+        &#renard {
+            height: 170%;
+            opacity: 0.15;
+            position: absolute;
+            top: -9999px;
+            bottom: -9999px;
+            left: -9999px;
+            right: -9999px;
+            margin: auto;
         }
     }
 }

scss/_global.scss

@@ -9,6 +9,14 @@
 
 }
 
+@font-face {
+    font-family: 'NEOTERIC';
+    src: url('font/NEOTERIC.woff2') format('woff2'),
+        url('font/NEOTERIC.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
 html,
 body {
     width: 100%;

scss/_variables.scss

@@ -3,6 +3,7 @@
 // Gray and Brand Colors for use across theme
 
 $theme-primary:    #F04B12;
+$background-baniere: #210A0B;
 
 $gray-base:        #000 !default;
 $gray-darker:	   lighten($gray-base, 13.5%) !default; // #222