fix logo bg

css/styles.css

@@ -14617,34 +14617,41 @@ header .topmenu ul li a:hover {
     background-repeat: no-repeat;
     background-position: left top;
   }
-  /* line 20, mediaqueries/viewports/_768up.scss */
+  /* line 21, mediaqueries/viewports/_768up.scss */
+  header .container {
+    background-image: url("../images/caduceus.png");
+    background-size: 400px;
+    background-repeat: no-repeat;
+    background-position: left -60px top -60px;
+  }
+  /* line 28, mediaqueries/viewports/_768up.scss */
   header .first {
     display: block;
     position: relative;
-    height: 90px;
+    height: 80px;
     top: 0;
   }
-  /* line 27, mediaqueries/viewports/_768up.scss */
+  /* line 35, mediaqueries/viewports/_768up.scss */
   header .hamburger {
     display: none;
   }
-  /* line 31, mediaqueries/viewports/_768up.scss */
+  /* line 39, mediaqueries/viewports/_768up.scss */
   header .topmenu {
-    height: 30px;
+    height: 40px;
     position: relative;
     background: none;
     top: 0px;
     display: block;
   }
-  /* line 38, mediaqueries/viewports/_768up.scss */
+  /* line 46, mediaqueries/viewports/_768up.scss */
   header .topmenu ul {
     text-align: right;
-    font-size: 0.625rem;
+    font-size: 0.75rem;
     text-transform: uppercase;
     margin: 0;
-    line-height: 30px;
+    line-height: 40px;
   }
-  /* line 45, mediaqueries/viewports/_768up.scss */
+  /* line 53, mediaqueries/viewports/_768up.scss */
   header .topmenu ul li {
     list-style: none;
     padding: 0 10px;
@@ -14652,7 +14659,7 @@ header .topmenu ul li a:hover {
     border: none;
     border-left: 1px solid rgba(255, 255, 255, 0.6);
   }
-  /* line 51, mediaqueries/viewports/_768up.scss */
+  /* line 59, mediaqueries/viewports/_768up.scss */
   header .topmenu ul li:first-child {
     border-left: none;
   }

header.php

@@ -2,9 +2,9 @@
 <header>
     <div class="container">
         <div class="row">
-            <div class="col-4"></div>
+            <div class="col-2 col-md-4"></div>
             <img class="logo" src="<?php echo $BASE_URLs;?>/images/header.png">
-            <div class="col-12 col-sm-8 p-0">
+            <div class="col-12 col-sm-10 col-md-8 p-0">
             
                 <div class="text-right first">
                     <div class="middle-right p-2 px-3 bg-alpha radius-bottom hours">
@@ -22,12 +22,12 @@
             </div>
             <div class="topmenu">
                 <ul>
-                    <li><a href="#">Home</a></li>
-                    <li><a href="#">Consiglio</a></li>
-                    <li><a href="#">Albo</a></li>
-                    <li><a href="#">Farmacie</a></li>
-                    <li><a href="#">Parafarmacie</a></li>
-                    <li><a href="#">Contatti</a></li>
+                    <li><a href="<?php echo $BASE_URLs;?>/home">Home</a></li>
+                    <li><a href="<?php echo $BASE_URLs;?>/consiglio">Consiglio</a></li>
+                    <li><a href="<?php echo $BASE_URLs;?>/albo">Albo</a></li>
+                    <li><a href="<?php echo $BASE_URLs;?>/farmacie">Farmacie</a></li>
+                    <li><a href="<?php echo $BASE_URLs;?>/parafarmacie">Parafarmacie</a></li>
+                    <li><a href="<?php echo $BASE_URLs;?>/contatti">Contatti</a></li>
                 </ul>
             </div>
             

scss/mediaqueries/viewports/_768up.scss

@@ -17,10 +17,18 @@ header{
         background-position: left top;
     }
     
+        
+    .container{
+        background-image: url('../images/caduceus.png');
+        background-size: 400px;
+        background-repeat: no-repeat;
+        background-position: left -60px top -60px;
+    }
+    
     .first{
         display: block;
         position: relative;
-        height: 90px;
+        height: 80px;
         top: 0;
     }
 
@@ -29,7 +37,7 @@ header{
     }
     
     .topmenu{
-        height: 30px;
+        height: 40px;
         position: relative;
         background: none;
         top: 0px;
@@ -37,10 +45,10 @@ header{
         
         ul{
             text-align: right;
-            font-size: $font-10;
+            font-size: $font-12;
             text-transform: uppercase;
             margin: 0;
-            line-height: 30px;
+            line-height: 40px;
             
             li{
                 list-style: none;