diff --git a/cs/home.html b/cs/home.html
index 5c94319..bbe0b4e 100644
--- a/cs/home.html
+++ b/cs/home.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <link rel="stylesheet" href="../css/master.css">
     <link rel="stylesheet" href="../css/bootstrap.min.css">
-    <link rel="shortcut icon" src="../img/sin_favicon.ico" type="image/vnd.microsoft.icon" />
+    <link rel="shortcut icon" src="../favicon.ico" type="image/vnd.microsoft.icon" />
     <title>Sincoolka</title>
   </head>
   <body>
@@ -13,7 +13,7 @@
         <div class="navbar-container">
           <div class="navbar-grid">
             <div class="navbar-grid-col -left">
-              <h1 class="title left">Sincoolka</h1>
+              <h1 class="title nav">Sincoolka</h1>
             </div>
             <div class="navbar-grid-col -right">
               <img src="../img/close-menu.svg" class="close-btn" id="close-menu">
@@ -186,9 +186,10 @@
         </div>
       </section>
     </footer>
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script type="text/javascript" src="../js/bootstrap.bundle.js"></script>
     <script type="text/javascript" src="../js/auto_height.js"></script>
     <script type="text/javascript" src="../js/navbar.js"></script>
+    <script type="text/javascript" src="../js/smooth-scroll.js"></script>
   </body>
 </html>
diff --git a/css/master.css b/css/master.css
index 24c3ba5..c233e6f 100644
--- a/css/master.css
+++ b/css/master.css
@@ -43,7 +43,7 @@ p.article{
   font-size: 2.5em;
 }
 section.home {
-  min-height: 100vh;
+  min-height: calc(100vh - 14.3em); /* iPhone Safari */ 
   background-image: url('../img/logo.png');
   background-repeat: no-repeat;
   background-position: center;
@@ -52,8 +52,9 @@ section.home {
 img.arrow-down{
  width: 3.5em;
  position: absolute;
- top: calc(100vh - 4em);
+ top: calc(100vh - 18em);
  left: calc(50% - 1.75em);
+ animation: arrow 3s infinite;
 }
 section h1{
   text-align: center;
@@ -358,3 +359,14 @@ div.-right{
     opacity: 1;
   }
 }
+@keyframes arrow {
+0% {opacity: .2}
+50% {opacity: .8}
+100% {opacity: .2}
+}
+
+@-webkit-keyframes arrow { /*Safari and Chrome*/
+0% {opacity: .2}
+50% {opacity: .8}
+100% {opacity: .2}
+}
diff --git a/img/sin_favicon.ico b/favicon.ico
similarity index 100%
rename from img/sin_favicon.ico
rename to favicon.ico
diff --git a/img/arrow-down.svg b/img/arrow-down.svg
index 487454e..49c5288 100644
--- a/img/arrow-down.svg
+++ b/img/arrow-down.svg
@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="33.314" height="19.485" viewBox="0 0 33.314 19.485">
-  <g id="Arrow_down" data-name="Arrow down" transform="translate(1.414 -15.586)" opacity="0.3">
-    <path id="Path_1" data-name="Path 1" d="M636.717,1295.229l15.243,15.243,15.243-15.243" transform="translate(-636.717 -1278.229)" fill="none" stroke="#4a4a4a" stroke-width="4"/>
+  <g id="Arrow_down" data-name="Arrow down" transform="translate(1.414 1.414)">
+    <path id="Path_1" data-name="Path 1" d="M636.717,1295.229l15.243,15.243,15.243-15.243" transform="translate(-636.717 -1295.229)" fill="none" stroke="#4a4a4a" stroke-width="4"/>
   </g>
 </svg>
diff --git a/js/smooth-scroll.js b/js/smooth-scroll.js
new file mode 100644
index 0000000..c7ed435
--- /dev/null
+++ b/js/smooth-scroll.js
@@ -0,0 +1,13 @@
+$(document).ready(function(){
+  $("a").on('click', function(event) {
+    if (this.hash !== "") {
+      event.preventDefault();
+      var hash = this.hash;
+      $('html, body').animate({
+        scrollTop: $(hash).offset().top
+      }, 800, function(){
+        window.location.hash = hash;
+      });
+    }
+  });
+});
