Website build SUMO website/master-279
diff --git a/2013/index.html b/2013/index.html
index f458e64..4b1e736 100644
--- a/2013/index.html
+++ b/2013/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -324,8 +324,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/2014/index.html b/2014/index.html
index 0f4d4d2..6ad6f94 100644
--- a/2014/index.html
+++ b/2014/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -371,8 +371,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/2015/index.html b/2015/index.html
index adaa967..3388d12 100644
--- a/2015/index.html
+++ b/2015/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -312,8 +312,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/2016/index.html b/2016/index.html
index 5d62e19..14edda3 100644
--- a/2016/index.html
+++ b/2016/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -313,8 +313,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/2017/index.html b/2017/index.html
index a300170..70a5481 100644
--- a/2017/index.html
+++ b/2017/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -313,8 +313,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/2018/index.html b/2018/index.html
index f3a1ae8..808e8f7 100644
--- a/2018/index.html
+++ b/2018/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -304,8 +304,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/2019/index.html b/2019/index.html
index 1abf156..89a8e5f 100644
--- a/2019/index.html
+++ b/2019/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -438,8 +438,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/2020/index.html b/2020/index.html
index 36157c7..9f199d9 100644
--- a/2020/index.html
+++ b/2020/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -461,8 +461,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/about/index.html b/about/index.html
index 75be72a..f037c40 100644
--- a/about/index.html
+++ b/about/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -433,8 +433,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/conference/index.html b/conference/index.html
index 044123d..e7c5f77 100644
--- a/conference/index.html
+++ b/conference/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -452,8 +452,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/contact/index.html b/contact/index.html
index c2b3bb6..bac1186 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -44,9 +44,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -387,8 +387,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }
   
diff --git a/css/custom.css b/css/custom.css
index bc22b3f..ea5c6b8 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -9,10 +9,6 @@
 overflow-x: hidden;
 }
 
-.bg-light {
-background-color: rgba(255,255,255,0) !important;
-}
-
 .carousel-indicators li {
 border-radius: 12px;
 width: 12px;
@@ -95,7 +91,6 @@
 }
 
 .member-logo {
-/* width: 130px; */
 height: 45px;
 margin: 10px 30px !important;
 }
@@ -197,7 +192,6 @@
 
 .nav-link {
 color: #eff8ff !important;
-/*text-transform: uppercase;*/
 }
 
 .navbar-light .navbar-toggler-icon {
@@ -221,6 +215,10 @@
 margin-right: 0 !important;
 }
 
+#navbar-logo {
+transition: 0.4s;
+}
+
 @media (max-width: 768px) {
 .navbar-brand {
 margin-left: 15px;
@@ -269,11 +267,6 @@
 margin-bottom: 25px;
 }
 
-/*dropdown:hover>.dropdown-menu {
-display: block;
-background-color: #17412f;
-}*/
-
 .btn-padding {
 padding: 2px 14px !important;
 }
@@ -404,14 +397,6 @@
 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }
 
-/* h1:before, h2:before, h3:before, h4:before {
-display: block;
-content: " ";
-height: 100px;
-margin-top: -100px;
-visibility: hidden;
-} */
-
 h3 {
 margin-top: 40px;
 }
@@ -453,7 +438,6 @@
 .card {
 border-radius: .6rem !important;
 box-shadow: 0 8px 12px 1px rgb(29 17 51 / 4%), 0 3px 16px 2px rgb(9 32 77 / 12%), 0 5px 10px -3px rgb(29 17 51 / 12%);
-/*box-shadow: 0 1rem 1rem rgba(0,0,0,.05) !important;*/
 border: none !important;
 }
 
diff --git a/index.html b/index.html
index 365d063..6daaed4 100644
--- a/index.html
+++ b/index.html
@@ -45,9 +45,9 @@
 </head><body id="page-top"><!-- navigation -->
 
     
-        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top" style="padding:20px 0;">
+        <nav class="navbar navbar-expand-lg bg-light navbar-light fixed-top">
           <div class="container">
-            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" style="pointer-events:none;" alt="SUMO logo"></a>
+            <a class="navbar-brand" href="https://www.eclipse.org/sumo/"><img class="img-fluid" src="/sumo/images/logos/sumo-logo-white.svg" id="navbar-logo" style="pointer-events:none;" alt="SUMO logo"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-label="menu icon">
               <span class="navbar-toggler-icon"></span>
             </button>
@@ -548,8 +548,10 @@
     function scrollFunction() {
       if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("goToTop").style.display = "block";
+        document.getElementById("navbar-logo").style.maxWidth = "60%";
       } else {
         document.getElementById("goToTop").style.display = "none";
+        document.getElementById("navbar-logo").style.maxWidth = "100%";
       }
     }