added quick overview video

docs/assets/css/main.css

@@ -176,6 +176,8 @@ body {
       color: #141414;
       margin-top: 5rem;
       margin-left: 15vw; }
+      .section-clear__title--no-top-margin {
+        margin-top: 0.5rem; }
     .section-clear__subtitle {
       font-weight: 400;
       font-size: 2rem;
@@ -187,6 +189,10 @@ body {
     background-color: #141414;
     background-color: white; }
 
+.quick-overview__video {
+  display: block;
+  margin: 2rem auto; }
+
 .functionalities__row {
   max-width: 100rem; }
 

docs/assets/sass/layout/_section.scss

@@ -35,7 +35,6 @@
             color: $dark-background;
             margin-top: 5rem;
             margin-left: 15vw;
-            // text-align: center;
         }
 
         &__subtitle {
@@ -55,6 +54,13 @@
     }
 }
 
+.quick-overview {
+    &__video {
+        display: block;
+        margin: 2rem auto;
+    }
+}
+
 .functionalities {
 
     &__row {

docs/index.html

@@ -97,8 +97,12 @@
         <section class="section-separator"></section>
 
         <section class="section-clear">
-            <h3 class="section-clear__title">Quick Overview</h3>
+            <h2 class="section-clear__big-title">Quick Overview</h2>
 
+            <video width="800" height="492" class="quick-overview__video" autoplay loop>
+                <source src="videos/Quick_overview.mp4" type="video/mp4">
+                Your browser does not support the video tag.
+            </video>
         </section>
 
         <section class="section-separator"></section>
@@ -111,7 +115,7 @@
                 <div class="col-1-of-2">
                     <p class="functionalities__text">
                         Just click on the account's avatar, <br />
-                        and all your next actions will be performed by it.<br/>
+                        and all your next actions will be performed by it.<br />
                         Yes, it's powerful.
                     </p>
                 </div>
@@ -121,7 +125,7 @@
                         Your browser does not support the video tag.
                     </video>
                 </div>
-            </div>           
+            </div>
 
             <h4 class="section-clear__title">All instances timelines in one place</h4>
             <div class="row functionalities__row">
@@ -134,7 +138,7 @@
                 <div class="col-1-of-2">
                     <img src="images/timelines.png" class="functionalities__video" />
                 </div>
-            </div>           
+            </div>
 
             <h4 class="section-clear__title">Don't lose your focus</h4>
             <div class="row functionalities__row">