diff --git a/src/assets/scss/abstracts/_variables.scss b/src/assets/scss/abstracts/_variables.scss
index 74719e1..e5a76c0 100644
--- a/src/assets/scss/abstracts/_variables.scss
+++ b/src/assets/scss/abstracts/_variables.scss
@@ -6,11 +6,13 @@ $screen-m: 900px;
 $screen-l: 1600px;
 $screen-xl: 1920px;
 
+
 /* => Colors
 /* ------------------------------------------------------------------------------ */
 $white: #fff !default;
 $brand-black: #1e1e1e !default;
 $brand-orange:  #F0941D !default;
+$background: rgba(30, 30, 30, 0.9);
 // $brand-orange: #a5e1e1 !default;
 // $teal-light: #41AAAA !default;
 // $stone-extralight: #becdd7 !default;
diff --git a/src/assets/scss/base/_base.scss b/src/assets/scss/base/_base.scss
index 0507c9d..1547f19 100644
--- a/src/assets/scss/base/_base.scss
+++ b/src/assets/scss/base/_base.scss
@@ -1,5 +1,7 @@
 body {
-    background-color: $brand-black;
+    background-color: $background;
+    max-width: $screen-xl;
+    margin: 0 auto;
 }
 
 * {
diff --git a/src/assets/scss/layout/_grid.scss b/src/assets/scss/layout/_grid.scss
index b3551d3..4d2ced5 100644
--- a/src/assets/scss/layout/_grid.scss
+++ b/src/assets/scss/layout/_grid.scss
@@ -13,10 +13,15 @@
 .c-section {
     padding: 60px 0;
     color: $white;
+    background-color: $brand-black;
     &--white {
         background: $white;
         color: $brand-black;
     }
+    &--orange {
+        background: $brand-orange;
+        color: $white;
+    }
     &--center {
         text-align: center;
     }
diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue
index 0e88917..0ef39a5 100644
--- a/src/components/Footer/Footer.vue
+++ b/src/components/Footer/Footer.vue
@@ -1,98 +1,128 @@
 <template>
-    <div class="c-footer">
-        <div class="l-container">
-            <div class="c-section">
-            <div class="c-footer__top">
-                <div class="c-footer__left">
-                    <h3 class="u-h3">MTÜ Lapikud</h3>
-                    <ul>
-                        <li>
-                            Aadress:
-                            <a
-                                class="c-link c-link--underline c-link--white"
-                                href="https://www.google.com/maps/place/Akadeemia+tee+5,+12616+Tallinn/@59.3963268,24.6689322,21z/data=!4m5!3m4!1s0x469295aa034a497b:0xb410f84995bb7f6f!8m2!3d59.3962881!4d24.6687503"
-                                target="_blank"
-                                rel="nofollow"
-                                alt="Google Maps"
-                            >
-                                Akadeemia tee 5, 12616 Tallinn, Eesti
-                            </a>
-                        </li>
-                        <li>
-                            E-post:
-                            <a
-                                class="c-link c-link--underline c-link--white"
-                                href="mailto:lapikud@lapikud.ee"
-                            >
-                                lapikud@lapikud.ee
-                            </a>
-                        </li>
-                        <li>
-                            Telefon:
-                            <a
-                                class="c-link c-link--underline c-link--white"
-                                href="tel:+37258160799"
-                            >
-                                +372 58 160 799
-                            </a>
-                        </li>
-                        <li>
-                            Messenger:
-                            <a
-                            class="c-link c-link--underline c-link--white"
-                            href="https://m.me/Lapikud"
-                            target="_blank"
-                            rel="nofollow"
-                            >
-                                m.me/Lapikud
-                            </a>
-                        </li>
-                        <li>Reg. kood: 801 67 145</li>
-                        <li>Swedbank: EE812200221019551756</li>
-                    </ul>
-                </div>
-                <div class="c-footer__right">
-                    <h3 class="u-h3 c-footer__right-heading">Sotsiaalmeedia</h3>
-                    <ul>
-                        <li>
-                            <a class="c-footer__social" href="https://www.instagram.com/lapikud/" target="_blank" rel="nofollow" alt="Instagram">
-                                Instagram
-                                <v-icon placement="after" size="24" type="instagram" />
-                            </a>
-                        </li>
-                        <li>
-                            <a class="c-footer__social" href="https://www.facebook.com/Lapikud/" target="_blank" rel="nofollow" alt="Facebook">
-                                Facebook
-                                <v-icon placement="after" size="24" type="facebook" />
-                            </a>
-                        </li>
-                        <li>
-                            <a class="c-footer__social" href="https://www.facebook.com/lapikudhelpdesk/" target="_blank" rel="nofollow" alt="Helpdesk Facebook">
-                                Helpdesk Facebook
-                                <v-icon placement="after" size="24" type="facebook" />
-                            </a>
-                        </li>
-                        <li>
-                            <a class="c-footer__social" href="https://github.com/Lapikud/" target="_blank" rel="nofollow" alt="Github">
-                                Github
-                                <v-icon placement="after" size="24" type="github" />
-                            </a>
-                        </li>
-                        <li>
-                            <a class="c-footer__social" href="https://github.com/Lapikud/2021_new_homepage/tree/master" target="_blank" rel="nofollow" alt="Source code">
-                                Source code
-                                <v-icon placement="after" size="24" type="github" />
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="c-footer__bottom">
-                <span>© 2021 <b>MTÜ Lapikud</b></span>
-            </div>
-            </div>
+  <div class="c-footer">
+    <div class="l-container">
+      <div class="c-section c-section--orange">
+        <div class="c-footer__top">
+          <div class="c-footer__left">
+            <h3 class="u-h3">MTÜ Lapikud</h3>
+            <ul>
+              <li>
+                Aadress:
+                <a
+                  class="c-link c-link--underline c-link--white"
+                  href="https://www.google.com/maps/place/Akadeemia+tee+5,+12616+Tallinn/@59.3963268,24.6689322,21z/data=!4m5!3m4!1s0x469295aa034a497b:0xb410f84995bb7f6f!8m2!3d59.3962881!4d24.6687503"
+                  target="_blank"
+                  rel="nofollow"
+                  alt="Google Maps"
+                >
+                  Akadeemia tee 5, 12616 Tallinn, Eesti
+                </a>
+              </li>
+              <li>
+                E-post:
+                <a
+                  class="c-link c-link--underline c-link--white"
+                  href="mailto:lapikud@lapikud.ee"
+                >
+                  lapikud@lapikud.ee
+                </a>
+              </li>
+              <li>
+                Telefon:
+                <a
+                  class="c-link c-link--underline c-link--white"
+                  href="tel:+37258160799"
+                >
+                  +372 58 160 799
+                </a>
+              </li>
+              <li>
+                Messenger:
+                <a
+                  class="c-link c-link--underline c-link--white"
+                  href="https://m.me/Lapikud"
+                  target="_blank"
+                  rel="nofollow"
+                >
+                  m.me/Lapikud
+                </a>
+              </li>
+              <li>Reg. kood: 801 67 145</li>
+              <li>Swedbank: EE812200221019551756</li>
+            </ul>
+          </div>
+          <div class="c-footer__right">
+            <h3 class="u-h3 c-footer__right-heading">Sotsiaalmeedia</h3>
+            <ul>
+              <li>
+                <a
+                  class="c-footer__social"
+                  href="https://www.instagram.com/lapikud/"
+                  target="_blank"
+                  rel="nofollow"
+                  alt="Instagram"
+                >
+                  Instagram
+                  <v-icon placement="after" size="24" type="instagram" />
+                </a>
+              </li>
+              <li>
+                <a
+                  class="c-footer__social"
+                  href="https://www.facebook.com/Lapikud/"
+                  target="_blank"
+                  rel="nofollow"
+                  alt="Facebook"
+                >
+                  Facebook
+                  <v-icon placement="after" size="24" type="facebook" />
+                </a>
+              </li>
+              <li>
+                <a
+                  class="c-footer__social"
+                  href="https://www.facebook.com/lapikudhelpdesk/"
+                  target="_blank"
+                  rel="nofollow"
+                  alt="Helpdesk Facebook"
+                >
+                  Helpdesk Facebook
+                  <v-icon placement="after" size="24" type="facebook" />
+                </a>
+              </li>
+              <li>
+                <a
+                  class="c-footer__social"
+                  href="https://github.com/Lapikud/"
+                  target="_blank"
+                  rel="nofollow"
+                  alt="Github"
+                >
+                  Github
+                  <v-icon placement="after" size="24" type="github" />
+                </a>
+              </li>
+              <li>
+                <a
+                  class="c-footer__social"
+                  href="https://github.com/Lapikud/2021_new_homepage/tree/master"
+                  target="_blank"
+                  rel="nofollow"
+                  alt="Source code"
+                >
+                  Source code
+                  <v-icon placement="after" size="24" type="github" />
+                </a>
+              </li>
+            </ul>
+          </div>
         </div>
+        <div class="c-footer__bottom">
+          <span>© 2021 <b>MTÜ Lapikud</b></span>
+        </div>
+      </div>
     </div>
+  </div>
 </template>
 <script src="./Footer.js" />
 <style lang="scss" src="./Footer.scss" scoped />