diff --git a/_src/_assets/images/logo-erdf.svg b/_src/_assets/images/logo-erdf.svg
new file mode 100644
index 0000000..a854897
--- /dev/null
+++ b/_src/_assets/images/logo-erdf.svg
@@ -0,0 +1,20 @@
+
diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss
index 554d508..6634574 100644
--- a/_src/_assets/styles/bigchain/_menus.scss
+++ b/_src/_assets/styles/bigchain/_menus.scss
@@ -182,24 +182,68 @@
border-top: 1px solid $gray-dark;
text-align: center;
display: block;
- margin-top: ($spacer * 4);
+ margin-top: ($spacer * 2);
+ padding-top: ($spacer * 2);
- @media ($screen-sm) {
+ @media ($screen-md) {
+ padding-bottom: $spacer * 2;
text-align: left;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
}
.menu__link {
display: inline-block;
text-transform: none;
- padding: ($spacer * 2) ($spacer/2);
+
+ @media ($screen-md) {
+ padding: 0 $spacer;
+ }
&:first-child { margin-left: ($spacer/2); }
&:last-child { padding-right: 0; }
}
&,
+ small,
.menu__link {
- @extend .mini;
+ @extend .small;
color: $gray;
}
}
+
+
+//
+// ERDF logo
+//
+.erdf {
+ display: block;
+ margin-top: $spacer * 2;
+ margin-bottom: $spacer;
+ box-shadow: none;
+ text-align: center;
+
+ @media ($screen-md) {
+ margin: 0;
+ }
+
+ &:hover,
+ &:focus {
+ background: none;
+
+ .logo-erdf {
+ fill: $brand-main-green;
+ color: $brand-main-green;
+ }
+ }
+}
+
+.logo-erdf {
+ @extend .transition;
+ fill: $gray-light;
+ color: $gray-light;
+ width: 150px;
+ height: 30px;
+ display: inline-block;
+}
diff --git a/_src/_includes/menu-footer.html b/_src/_includes/menu-footer.html
index 98fffe9..3803f4d 100644
--- a/_src/_includes/menu-footer.html
+++ b/_src/_includes/menu-footer.html
@@ -52,19 +52,28 @@
-