diff --git a/css/media-queries.css b/css/media-queries.css
new file mode 100644
index 0000000..0c8cd77
--- /dev/null
+++ b/css/media-queries.css
@@ -0,0 +1,28 @@
+@media only screen and (max-width: 830px) {
+ /* Footer
+ ------------------------------------*/
+
+ footer {
+ letter-spacing: 0.5px;
+ margin-bottom: 0px;
+ height: 100%;
+ }
+
+ footer div#footer-links ul li {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+
+ /* Icons */
+ footer #footer-icons { display: none; }
+ footer #footer-logo { display: none; }
+
+ /* Go To Top Button */
+ #go-top { margin-left: -22px; }
+ #go-top a {
+ width: 54px;
+ height: 54px;
+ font-size: 18px;
+ line-height: 54px;
+ }
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index efeea07..73680bd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1719,6 +1719,110 @@ p.form-allowed-tags {
/* 11. Footer
/* -------------------------------------------------------------------------------- */
+footer {
+ background-color: #50162D;
+ color: #FFFFFF;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 1.5px;
+ color: #b9a2ab;
+ font-weight: 600;
+ line-height: 8px;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ text-align: center;
+ align-items: center;
+ height: 82px;
+ }
+
+ footer #footer-logo {
+ height: 45px;
+ width: 15%;
+ background: url("../images/d-white.png") no-repeat left center;
+ background-size: 40px 40px;
+ margin-left: 30px;
+ opacity: 0.7;
+ display: inline-block;
+ }
+
+ footer .dot {
+ height: 5px;
+ width: 5px;
+ background-color: #b9a2ab;
+ border-radius: 50%;
+ display: inline-block;
+ margin-bottom: 2px;
+ }
+
+ footer #footer-links {
+ text-align: center;
+ width: 60%;
+ }
+
+ footer ul.footer-links {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-left: 0;
+ margin-bottom: 24px;
+ margin-top: 12px;
+ word-break: normal;
+ }
+
+ footer ul.footer-icons {
+ display: flex;
+ justify-content: end;
+ margin-right: 30px;
+ align-items: center;
+ }
+
+ footer div#footer-links ul li {
+ padding-left: 20px;
+ padding-right: 20px;
+ margin: 0;
+ padding-top: 13px;
+ font-weight: 600;
+ }
+
+ footer #footer-links a {
+ color: #b9a2ab;
+ }
+ footer #footer-links a:hover {
+ color: #FFFFFF;
+ }
+
+ footer #footer-icons {
+ width: 25%;
+ background: transparent;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ margin-bottom: 24px;
+ margin-top: 12px;
+}
+
+ footer #footer-icons ul li {
+ margin: 0;
+ padding-right: 10px;
+ padding-top: 10px;
+ text-align: right;
+ }
+
+ footer #footer-icons ul li .fa-fw {
+ color: white;
+ opacity: 0.7;
+ }
+
+ footer #footer-icons ul li .fa-fw:hover {
+ color: white;
+ opacity: 1;
+ }
+
+ footer a, footer a:visited { color: #FFFFFF; }
+ footer a:hover, footer a:focus { color: #1F5C60; }
.footer { background: #FFF; }
.footer-inner { padding: 50px 0; }
diff --git a/grav-theme-disrootblog b/grav-theme-disrootblog
new file mode 120000
index 0000000..8d45fba
--- /dev/null
+++ b/grav-theme-disrootblog
@@ -0,0 +1 @@
+/var/www//grav-theme-disrootblog
\ No newline at end of file
diff --git a/images/d-white.png b/images/d-white.png
new file mode 100644
index 0000000..548b04a
Binary files /dev/null and b/images/d-white.png differ
diff --git a/templates/partials/base.html.twig b/templates/partials/base.html.twig
index f8f498e..4b90aa6 100644
--- a/templates/partials/base.html.twig
+++ b/templates/partials/base.html.twig
@@ -10,9 +10,12 @@
+
+
{% block stylesheets %}
{% do assets.addCss('theme://css/widget.css') %}
{% do assets.addCss('theme://css/style.css') %}
+ {% do assets.addCss('theme://css/media-queries.css') %}
{% do assets.addCss('theme://css/content.css') %}
{% do assets.addCss('theme://css/sidebar.css') %}
{% do assets.addCss('theme://css/lightbox.css') %}
diff --git a/templates/partials/footer.html.twig b/templates/partials/footer.html.twig
index 210e3f4..11dfad1 100644
--- a/templates/partials/footer.html.twig
+++ b/templates/partials/footer.html.twig
@@ -1,5 +1,26 @@
+{% set base_url = page.parent.url %}
+
+