diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index e08fdf30..9d7af556 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -158,6 +158,7 @@ body {
       font-weight: 300;
       font-family: 'Open Sans', sans-serif;
       margin: auto;
+      padding: 0 3rem;
       text-align: center;
       font-size: 2.5rem; }
   .section-clear {
@@ -176,6 +177,10 @@ body {
       color: #141414;
       margin-top: 5rem;
       margin-left: 15vw; }
+      @media (max-width: 56.25em) {
+        .section-clear__title {
+          margin: 3rem auto 0 auto;
+          text-align: center; } }
     .section-clear__subtitle {
       font-weight: 400;
       font-size: 2rem;
@@ -189,7 +194,13 @@ body {
 
 .quick-overview__video {
   display: block;
-  margin: 2rem auto; }
+  margin: 2rem auto;
+  width: 800;
+  height: 492; }
+  @media (max-width: 56.25em) {
+    .quick-overview__video {
+      width: 100%;
+      height: 492; } }
 
 .functionalities__row {
   max-width: 100rem; }
@@ -202,6 +213,9 @@ body {
   text-align: center;
   padding: 7rem 5rem 0 5rem;
   max-width: 50rem; }
+  @media (max-width: 56.25em) {
+    .functionalities__text {
+      padding: 3rem 5rem 0 5rem; } }
 
 .functionalities__conclusion {
   max-width: 60rem;
@@ -213,10 +227,17 @@ body {
 
 .functionalities__video {
   display: block;
-  margin: 2rem auto; }
+  margin: 2rem auto;
+  width: 326px;
+  height: 260px; }
   .functionalities__video:focus {
     border: none;
     outline: none; }
+  @media (max-width: 56.25em) {
+    .functionalities__video {
+      width: 100%;
+      max-width: 326px;
+      height: 60%; } }
 
 .footer {
   text-align: center;
diff --git a/docs/assets/sass/layout/_section.scss b/docs/assets/sass/layout/_section.scss
index 11c5d72c..76844817 100644
--- a/docs/assets/sass/layout/_section.scss
+++ b/docs/assets/sass/layout/_section.scss
@@ -11,6 +11,7 @@
             font-weight: 300;
             font-family: 'Open Sans', sans-serif;
             margin: auto;
+            padding: 0 3rem;
             text-align: center;
             font-size: 2.5rem;
         }
@@ -35,6 +36,11 @@
             color: $dark-background;
             margin-top: 5rem;
             margin-left: 15vw;
+
+            @include respond(tab-port) {
+                margin: 3rem auto 0 auto;
+                text-align: center;
+            }
         }
 
         &__subtitle {
@@ -58,6 +64,13 @@
     &__video {
         display: block;
         margin: 2rem auto;
+        width: 800;
+        height: 492;
+
+        @include respond(tab-port) {
+            width: 100%;
+            height: 492;
+        }
     }
 }
 
@@ -73,14 +86,13 @@
         font-weight: 400;
         font-size: 2rem;     
 
-        // height: 30rem;      
         text-align: center;
         padding: 7rem 5rem 0 5rem;
         max-width: 50rem;
 
-        
-
-        // outline: 1px solid greenyellow;
+        @include respond(tab-port) {
+            padding: 3rem 5rem 0 5rem;
+        }
     }
 
     &__conclusion {
@@ -101,6 +113,15 @@
             border: none;
             outline: none;
         }
+
+        width: 326px;
+        height: 260px;
+
+        @include respond(tab-port) {
+            width: 100%;
+            max-width: 326px;
+            height: 60%;
+        }
     }
 
 }
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 5f46ab68..7ca15493 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -99,7 +99,7 @@
         <section class="section-clear">
             <h2 class="section-clear__big-title">Quick Overview</h2>
 
-            <video width="800" height="492" class="quick-overview__video" autoplay loop>
+            <video class="quick-overview__video" autoplay loop>
                 <source src="videos/Quick_overview.mp4" type="video/mp4">
                 Your browser does not support the video tag.
             </video>