diff --git a/docs/analysis.html b/docs/analysis.html
index 98bbf80..26cb468 100644
--- a/docs/analysis.html
+++ b/docs/analysis.html
@@ -128,8 +128,8 @@ <h3 class="analysis-title">Time and space analysis</h3>
             <div class="grid-container">
               <div class="grid-item-1">
                 <p class="text1">Metascript is an open source tool that provides a basic textual analysis framework for the comparison of an original text (novels, short stories, etc.) and its film transposition (screenplays). The goal of Metascript is to provide a set of guidelines for the markup and the metadata enrichment among multimodal texts, such as a book with its screenplay adaptation for audiovisual transposition. </p>
-                <p class="text1">This work is distributed with the license <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons Attribuzione - Non commerciale - Non opere derivate 3.0 Unported</a>.</p>
-                <a class="text1" rel="license" class="icon-link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png"></a>
+                <p class="text1">This work is distributed with the license <a rel="license" href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY-4.0 Deed</a>.</p>
+                <a class="text1" rel="license" class="icon-link" href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0; width:100px;" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by.png"></a>
               </div>
               <div class="grid-item-2">
                 <h6>Contacts</h6>
diff --git a/docs/css/style.css b/docs/css/style.css
index 0c613dd..3f02ffc 100644
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -61,7 +61,9 @@ table {
 
 main {
     display: flex !important;
-    flex-direction: column;
+    
+  flex-direction: row;
+  height: 100vh;
 }
 
 /* Hide scrollbar for Chrome, Safari and Opera */
diff --git a/docs/documentation.html b/docs/documentation.html
index 3579c98..a914601 100644
--- a/docs/documentation.html
+++ b/docs/documentation.html
@@ -1163,13 +1163,8 @@ <h2>BIBLIOGRAPHY</h2>
                         metadata enrichment among multimodal texts, such as a book with its screenplay adaptation for
                         audiovisual transposition. </p>
 
-                    <p class="text1">This work is distributed with the license <a rel="license"
-                            href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons
-                            Attribuzione - Non commerciale - Non opere derivate 3.0 Unported</a>.</p>
-                    <a class="text1" rel="license" class="icon-link"
-                        href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank"><img
-                            alt="Licenza Creative Commons" style="border-width:0"
-                            src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png"></a>
+                        <p class="text1">This work is distributed with the license <a rel="license" href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY-4.0 Deed</a>.</p>
+                        <a class="text1" rel="license" class="icon-link" href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0; width:100px;" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by.png"></a>
                 </div>
                 <div class="grid-item-2">
                     <h6>Contacts</h6>
@@ -1222,7 +1217,7 @@ <h6>Team</h6>
     <style>
         .footer {
             position: relative;
-            left: 20vw !important;
+            margin:0 auto;
             top: 65px;
             width: 80vw;
         }
@@ -1230,9 +1225,9 @@ <h6>Team</h6>
         .content {
             padding: 5vh 7vw !important;
             position: relative;
-            left: 20vw;
             top: 65px !important;
             width: 80vw;
+            overflow: auto;
         }
 
         .navbar {
@@ -1246,12 +1241,12 @@ <h6>Team</h6>
         .sidebar {
             background-color: var(--giallino);
             padding: 30px 10px 40px 10px !important;
-            position: fixed;
-            top: 65px;
+            position: sticky;
             left: 0;
             height: 100%;
             width: 20vw;
             overflow-x: scroll;
+            margin-top: 65px !important;
         }
 
         .sidebar ul {
diff --git a/docs/index.html b/docs/index.html
index 8bbd4f5..c2b5668 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -242,8 +242,8 @@ <h5 class="comparison-item-title">Movie Transcription</h5>
               <div class="grid-item-1">
                 <p class="text1">Metascript is an open source tool that provides a basic textual analysis framework for the comparison of an original text (novels, short stories, etc.) and its film transposition (screenplays). The goal of Metascript is to provide a set of guidelines for the markup and the metadata enrichment among multimodal texts, such as a book with its screenplay adaptation for audiovisual transposition. </p>
                 
-                <p class="text1">This work is distributed with the license <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons Attribuzione - Non commerciale - Non opere derivate 3.0 Unported</a>.</p>
-                <a class="text1" rel="license" class="icon-link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png"></a>
+                <p class="text1">This work is distributed with the license <a rel="license" href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY-4.0 Deed</a>.</p>
+                <a class="text1" rel="license" class="icon-link" href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0; width:100px;" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by.png"></a>
               </div>
               <div class="grid-item-2">
                 <h6 >Contacts</h6>