logo is now textual+css, added lightbox plugin

user/themes/ouidade/scss/styles.scss

@@ -127,15 +127,21 @@ header#top-bar{
       overflow: hidden;
       position: relative;
       a{display: block;
-        // height:100%;
         height:$logoH;
         margin:$logo_mt 0 $logo_mb;
-        // height:$titleareaH;
-        background: transparent url("../images/logo.png") no-repeat center center;
-        background-size: contain;}
-    }
-    h1 span, h2{
-      position:absolute; margin-top:-3000px; height:0;
+        color:$secondcolor;
+        @include fontnormal;
+        font-weight: 500;
+        &:before{
+          content:"";
+          display: block;
+          $r: 95px;
+          width:$r; height:$r;
+          border-radius: $r/2;
+          border: 17px solid $maincolor;
+          margin: 0 auto 1em;
+        }
+      }
     }
   }
 
@@ -368,7 +374,8 @@ div#center{
     }
 
     header>*{
-      font-family: $font; text-align: center;
+      font-family: $font;
+      // text-align: center;
       padding:0; margin:0;
     }
     h1{
@@ -441,11 +448,19 @@ div#center{
 
     #images{
       // .row{margin:0;}
-      .block{padding:0.7em;}
+      // .block{padding:0.7em;}
+      letter-spacing: 0px;
+      a{
+        letter-spacing: normal;
+        display: inline-block;
+        margin:0 1em 1em 0;
+      }
     }
 
     img{
-      width:100%; max-width:100%;
+      // width:100%;
+      max-width:100%;
+      height:300px;
     }
 
   }
@@ -627,3 +642,49 @@ footer#bottom-bar{
     a{text-decoration: underline;}
   }
 }
+
+div.featherlight:last-of-type{
+  background-color: rgba(255,255,255,0.9);
+  div.featherlight-content{
+    background: none;
+    span.featherlight-next, span.featherlight-previous{
+      // left:90%;
+      // outline: 1px solid red;
+      &:hover{
+        background: none;
+      }
+      span{
+        // outline: 1px solid green;
+        color:$maincolor;
+        text-shadow: none;
+        visibility: hidden;
+        position: relative;
+        left:0; right:0;
+        width:100%;
+        &:after{
+          // outline: 1px solid purple;
+          content:">";
+          display: block;
+          visibility: visible;
+          position: absolute;
+          top:0; width:100%;
+          text-align: right;
+          padding:0 0.5em;
+          @include $font;
+          font-weight: 500;
+          font-size: 1.2em;
+        }
+      }
+    }
+    span.featherlight-previous{
+      // left:25px;
+      // right:90%;
+      span{
+        &:after{
+          content:"<";
+          text-align: left;
+        }
+      }
+    }
+  }
+}