Changed hero and made navbar

css/res/branch_big.svg

@@ -10,9 +10,9 @@
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="400mm"
+   width="1920"
-   height="300mm"
+   height="1080"
-   viewBox="0 0 400 300"
+   viewBox="0 0 508 285.75001"
    version="1.1"
    id="svg3729"
    sodipodi:docname="branch_big.svg"
@@ -404,11 +404,11 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo
      borderopacity="1.0"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:zoom="0.49497474"
+     inkscape:zoom="0.98994948"
-     inkscape:cx="449.24594"
+     inkscape:cx="937.54504"
-     inkscape:cy="477.58898"
+     inkscape:cy="582.95211"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer4"
+     inkscape:current-layer="layer3"
      showgrid="false"
      inkscape:window-width="1920"
      inkscape:window-height="1001"
@@ -416,7 +416,8 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo
      inkscape:window-y="-9"
      inkscape:window-maximized="1"
      inkscape:pagecheckerboard="false"
-     showguides="true" />
+     showguides="true"
+     units="px" />
   <metadata
      id="metadata3726">
     <rdf:RDF>
@@ -432,20 +433,22 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo
   <g
      inkscape:groupmode="layer"
      id="layer4"
-     inkscape:label="Layer 3">
+     inkscape:label="Layer 3"
+     style="display:inline"
+     transform="translate(0,-14.249939)">
     <rect
-       style="display:inline;opacity:1;fill:#000000;stroke-width:0.26458332;enable-background:new"
+       style="display:inline;opacity:1;fill:#000000;stroke-width:0.29100257;enable-background:new"
        id="rect3914"
-       width="400"
+       width="508"
-       height="300"
+       height="285.75"
-       x="-1.3322676e-14"
+       x="0.26458332"
-       y="0" />
+       y="14.051554" />
   </g>
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(0,3)"
+     transform="translate(0,-11.249939)"
      style="display:inline">
     <flowRoot
        transform="matrix(0.26458333,0,0,0.26458333,0,118)"
@@ -458,16 +461,9 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo
            height="468.71078"
            width="40.406101"
            id="rect3741" /></flowRegion><flowPara
-         id="flowPara3743" /></flowRoot>    <rect
+         id="flowPara3743" /></flowRoot>    <image
-       style="fill:none;stroke:none"
+       y="213.24857"
-       width="68.791664"
+       x="-189.48396"
-       height="74.083336"
-       x="25.324408"
-       y="188.70981"
-       id="rect115" />
-    <image
-       y="129.18054"
-       x="-207.74205"
        id="image208"
        xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEECAYAAADOCEoKAAAABHNCSVQICAgIfAhkiAAAIABJREFU
 eJztfUuX6ziv3Qal7/TJ/88ovy/DO0xWbncfExnwIRJ8S7JdrsJey+WSpU2AlAiRIEjS//5f/5N/
@@ -721,8 +717,8 @@ ZRx0HQJa5TdtFEbGIO8jdyvFnc9Pc8/SSfkFXsx/Qv4f9gEixq9fv/A3/Tf+z7//D/8fiU0fyamd
 MZsAAAAASUVORK5CYII=
 "
        preserveAspectRatio="none"
-       height="141.63893"
+       height="81.502876"
-       width="121.48409"
+       width="70.718048"
        transform="rotate(-90)" />
   </g>
   <g
@@ -730,10 +726,10 @@ MZsAAAAASUVORK5CYII=
      id="layer3"
      inkscape:label="Layer 2"
      style="display:inline"
-     transform="translate(0,175)">
+     transform="translate(0,160.75006)">
     <path
-       style="display:inline;opacity:1;fill:#000000;stroke-width:0.26458332;enable-background:new"
+       style="display:inline;opacity:1;fill:#000000;stroke-width:0.15313098;enable-background:new"
-       d="M 125.16064,-87.55484 V 37.55484 H 274.83936 V -87.55484 Z m 141.55208,3.21273 c 1.49319,-0.0207 3.0924,0.13273 3.1533,0.36018 0.0312,0.11642 -4.36204,4.98522 -9.76271,10.8195 -5.40066,5.8343 -9.77624,10.7692 -9.72344,10.96625 0.0528,0.19703 0.97731,1.09964 2.05414,2.00608 2.64425,2.22588 4.3002,2.57389 9.19479,1.9327 2.03103,-0.26606 4.23832,-0.58734 4.90512,-0.71417 l 1.21233,-0.23048 0.50075,1.86811 c 0.48258,1.80097 0.47113,1.88806 -0.31264,2.40037 -0.44725,0.29234 -2.61426,1.03267 -4.81521,1.64538 -3.33302,0.92786 -4.41994,1.09978 -6.50607,1.02887 -2.84564,-0.0967 -6.43617,-0.85773 -9.47694,-2.00917 -1.4925,-0.56518 -2.62512,-0.74066 -4.03386,-0.62477 -1.90405,0.15666 -2.23118,0.31238 -11.76724,5.59294 -20.33777,11.26201 -25.44215,14.92646 -43.89707,31.5128 -10.07482,9.05473 -9.86759,8.60143 -4.76146,10.41332 7.3533,2.60932 9.30816,2.74379 16.33337,1.12293 4.62704,-1.06756 5.02404,-1.11125 5.31595,-0.58136 0.24144,0.43823 0.10586,0.74191 -0.57826,1.29398 -1.94565,1.56994 -3.88572,2.34883 -9.76219,3.9181 -6.95943,1.8585 -10.22441,2.26015 -20.01273,2.46342 -5.84356,0.12137 -5.79274,0.0861 -10.4066,7.29206 -2.01262,3.14336 -6.48749,10.29565 -9.9441,15.89412 -3.78595,6.1319 -6.7657,10.60815 -7.49463,11.25875 -1.40419,1.25327 -3.28502,1.83284 -5.21054,1.60506 -0.72371,-0.0856 -3.73653,-0.11157 -6.69519,-0.0579 -2.95867,0.0539 -5.4457,0.056 -5.5268,0.006 -0.59591,-0.36782 1.48929,-4.23609 5.60896,-10.40557 11.37329,-17.0322 19.33387,-28.54715 21.7873,-31.5159 3.24031,-3.92093 8.03044,-8.30937 15.61507,-14.30507 3.18057,-2.51425 8.00063,-6.45812 10.71149,-8.76381 2.71087,-2.30573 6.5159,-5.49025 8.45582,-7.07708 4.97714,-4.07122 6.35623,-5.42385 7.2843,-7.14634 0.98144,-1.82148 2.96068,-8.9221 4.58164,-16.43775 1.44589,-6.70394 2.84707,-9.78242 6.45283,-14.1764 4.57584,-5.57613 6.49951,-7.48387 8.29665,-8.22689 1.53842,-0.63608 1.67495,-0.63829 2.0867,-0.0331 0.39076,0.57439 0.005,1.45552 -3.41168,7.79384 -3.76098,6.97713 -5.29334,10.67027 -6.38617,15.39027 -0.65612,2.83379 -1.18424,6.74239 -1.08624,8.03931 l 0.0734,0.96841 8.22482,-4.19561 c 4.52369,-2.30755 11.14863,-5.58825 14.7221,-7.28999 3.57347,-1.70177 7.91919,-3.93831 9.65729,-4.97076 5.70841,-3.3908 11.25121,-8.0121 16.40313,-13.67565 2.92004,-3.20999 5.2894,-4.80294 7.54373,-5.07204 0.41325,-0.0494 0.89908,-0.0757 1.39681,-0.0827 z"
+       d="m 210.93539,-54.289344 v 72.828568 h 86.12921 v -72.828568 z m 81.45291,1.870187 c 0.85923,-0.01205 1.77945,0.07726 1.8145,0.209667 0.018,0.06777 -2.51004,2.901986 -5.61773,6.298223 -3.10769,3.39625 -5.62552,6.268943 -5.59513,6.383649 0.0303,0.114695 0.56237,0.64012 1.18201,1.167775 1.52157,1.295725 2.47445,1.498307 5.29093,1.125059 1.16871,-0.154878 2.43885,-0.341901 2.82254,-0.415731 l 0.6976,-0.134166 0.28815,1.087461 c 0.27769,1.048376 0.2711,1.099072 -0.1799,1.397296 -0.25736,0.170177 -1.50432,0.601137 -2.77081,0.957806 -1.9179,0.540124 -2.54334,0.640201 -3.74376,0.598924 -1.63746,-0.05629 -3.70355,-0.4993 -5.45329,-1.169574 -0.85882,-0.329001 -1.51057,-0.431152 -2.32119,-0.36369 -1.09565,0.09119 -1.28388,0.181841 -6.77119,3.25575 -11.70291,6.555816 -14.64011,8.688958 -25.25957,18.344161 -5.79733,5.2709189 -5.67807,5.007045 -2.73987,6.0617783 4.23129,1.5189316 5.35617,1.597209 9.39867,0.6536775 2.66251,-0.6214457 2.89097,-0.6468784 3.05894,-0.33842 0.13893,0.2551015 0.0609,0.431879 -0.33275,0.7532487 -1.11958,0.9138901 -2.23595,1.3672958 -5.61743,2.2807958 -4.00464,1.0818659 -5.8834,1.3156735 -11.51586,1.4340006 -3.36255,0.070651 -3.33331,0.05012 -5.98824,4.2448378 -1.15812,1.829806 -3.73308,5.9932817 -5.72211,9.2522513 -2.17853,3.569487 -3.89317,6.175192 -4.31261,6.553918 -0.80801,0.72955 -1.8903,1.066928 -2.99828,0.934334 -0.41645,-0.04983 -2.1501,-0.06494 -3.8526,-0.03371 -1.7025,0.03138 -3.13361,0.0326 -3.18027,0.0035 -0.34291,-0.214115 0.85697,-2.465904 3.22754,-6.057269 6.54451,-9.9147462 11.12524,-16.6178033 12.53701,-18.3459655 1.86456,-2.2824431 4.62093,-4.8370315 8.98532,-8.3272345 1.8302,-1.46359 4.6038,-3.759387 6.16369,-5.10157 1.55992,-1.342207 3.74943,-3.195973 4.86571,-4.119695 2.86398,-2.369929 3.65755,-3.157319 4.19158,-4.160011 0.56475,-1.060315 1.70366,-5.193713 2.63641,-9.568707 0.832,-3.902482 1.63828,-5.69452 3.71313,-8.252334 2.63306,-3.245964 3.73999,-4.356493 4.77412,-4.789019 0.88524,-0.370274 0.96381,-0.37156 1.20074,-0.01926 0.22486,0.334363 0.003,0.847283 -1.96317,4.536933 -2.16418,4.061511 -3.04593,6.211353 -3.67478,8.958949 -0.37754,1.649599 -0.68144,3.924865 -0.62505,4.679827 l 0.0422,0.563728 4.73278,-2.442341 c 2.60306,-1.343265 6.41522,-3.253018 8.47149,-4.243631 2.05628,-0.990631 4.55693,-2.292561 5.55707,-2.89357 3.28477,-1.973843 6.47424,-4.663985 9.4388,-7.960838 1.68027,-1.868592 3.04367,-2.795877 4.34087,-2.952525 0.23779,-0.02876 0.51736,-0.04406 0.80377,-0.04814 z"
        id="rect77"
        inkscape:connector-curvature="0" />
   </g>

css/styles.css

@@ -37,23 +37,10 @@
   -webkit-transform: rotate(-90deg);
 }
 
-.sticky {
-  background-color: #fff;
-  opacity: 1;
-  top: 0px;
-  border-bottom: 1px solid gainsboro;
-}
-
 .logo {
-  width: 50px;
+  height: 40px;
-  font-size: 25px;
-  color: #8f8f8f;
-  text-transform: uppercase;
   float: left;
-  display: block;
+  margin-top: -15px;
-  margin-top: 0;
-  line-height: 1;
-  margin-bottom: 10px;
 }
 @media only screen and (max-width: 766px) {
   .logo {

css/styles.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACK;EACA;;AAGL;EACK;EACA;;AAGL;EACK;EACA;;AAgBL;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AArBA;EAUF;IAaI;;;;AAIJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,OAvCM;EAwCN;EACA;EACA;EACA;EACA;EACA;;AAnDA;EA0CF;IAWI;;;;AAIJ;EACE;EACA;;AA3DA;EAyDF;IAII;;;AAGF;EACE;EACA;EACA;EACA;;AApEF;EAgEA;IAMI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAhFJ;EA6EE;IAKI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAzGA;EA+FF;IAYI;;;AAGF;EACE;EACA;EACA;EACA;EACA,YA7GI;EA8GJ;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE,OAjIM;EAkIN;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAMJ;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAKJ;EACE;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA","file":"styles.css"}
+{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACK;EACA;;AAGL;EACK;EACA;;AAGL;EACK;EACA;;AAgBL;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AArBA;EAUF;IAaI;;;;AAIJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAtCA;EAmCF;IAKI;;;;AAIJ;EACE;EACA;;AA9CA;EA4CF;IAII;;;AAGF;EACE;EACA;EACA;EACA;;AAvDF;EAmDA;IAMI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAnEJ;EAgEE;IAKI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA5FA;EAkFF;IAYI;;;AAGF;EACE;EACA;EACA;EACA;EACA,YAhGI;EAiGJ;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE,OApHM;EAqHN;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAMJ;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAKJ;EACE;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA","file":"styles.css"}

css/styles.scss

@@ -51,23 +51,10 @@ $color2: #e8f380;
   }
 }
 
-.sticky {
-  background-color: #fff;
-  opacity: 1;
-  top: 0px;
-  border-bottom: 1px solid lighten($color, 30%);
-}
-
 .logo {
-  width: 50px;
+  height: 40px;
-  font-size: 25px;
-  color: $color;
-  text-transform: uppercase;
   float: left;
-  display: block;
+  margin-top: -15px;
-  margin-top: 0;
-  line-height: 1;
-  margin-bottom: 10px;
   @include small {
     float: none;
   }

index.html

@@ -19,7 +19,9 @@
   <header class="main_h">
 
     <div class="row">
-      <a class="logo" href="#">L/F</a>
+      <a href="#">
+        <img class="logo" src="./css/res/white_on_black.svg">
+      </a>
 
       <div class="mobile-toggle">
         <span></span>