diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index fd15d11..2414e2d 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -52,9 +52,9 @@ body {
   -webkit-animation-name: fadeintext;
   -moz-animation-name: fadeintext;
   animation-name: fadeintext;
-  -webkit-animation-duration: 3s;
-  -moz-animation-duration: 3s;
-  animation-duration: 3s;
+  -webkit-animation-duration: 2s;
+  -moz-animation-duration: 2s;
+  animation-duration: 2s;
 }
 
 .docs-masthead {
@@ -133,9 +133,9 @@ body {
   -webkit-animation-name: fadeintext;
   -moz-animation-name: fadeintext;
   animation-name: fadeintext;
-  -webkit-animation-duration: 3s;
-  -moz-animation-duration: 3s;
-  animation-duration: 3s;
+  -webkit-animation-duration: 2s;
+  -moz-animation-duration: 2s;
+  animation-duration: 2s;
 }
 .docs-header-content .btn {
   display: block;
diff --git a/sass/docs.scss b/sass/docs.scss
index f9ee615..897c0fe 100644
--- a/sass/docs.scss
+++ b/sass/docs.scss
@@ -52,7 +52,7 @@ body {
     bottom: 180px !important;
     margin-top: 0 !important;
     @include animation-name(fadeintext);
-    @include animation-duration(3s);
+    @include animation-duration(2s);
   }
 }
 
@@ -126,7 +126,7 @@ body {
   text-align: center;
   padding: 50px 10px;
   @include animation-name(fadeintext);
-  @include animation-duration(3s);
+  @include animation-duration(2s);
 
   .btn {
     display: block;