diff --git a/webapp/static/css/kaehmy_footer.css b/webapp/static/css/kaehmy_footer.css
new file mode 100644
index 0000000..bf63819
--- /dev/null
+++ b/webapp/static/css/kaehmy_footer.css
@@ -0,0 +1,34 @@
+#footer-div {
+ height:10vh;
+}
+
+footer {
+ /* position: absolute; */
+ bottom: 0;
+ width: 100%;
+ height: 60px; /* Set the fixed height of the footer here */
+ /* line-height: 60px; /* Vertically center the text there */ */
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+}
+
+footer .container .col .nav .nav-item {
+ display: inline-block;
+ margin-right: 3vh;
+}
+
+.lang-button {
+ height: 4vh;
+ width: 6vh;
+ margin-left: 1vh;
+ margin-right: 1vh;
+}
+
+.lang-select {
+ width: 10rem;
+ display: inline-block;
+}
+
+footer .lang-form {
+ margin: 1rem auto 0;
+}
diff --git a/webapp/static/css/kaehmy_header.css b/webapp/static/css/kaehmy_header.css
new file mode 100644
index 0000000..4e20d7e
--- /dev/null
+++ b/webapp/static/css/kaehmy_header.css
@@ -0,0 +1,37 @@
+.header-content {
+
+}
+
+.header-content .logo {
+
+}
+
+.header-content .logo img {
+ display: block;
+ height: auto;
+ margin: auto;
+}
+
+.kaehmy-banner {
+ max-width: 1000px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media screen and (min-width: 1000px) {
+ .kaehmy_header-content {
+ position: absolute;
+ left: 0;
+ top: 0;
+ background-color: #052f5f;
+ width: 100%;
+ }
+
+ .kaehmy_header {
+ margin-bottom: 331px;
+ }
+}
+
+.kaehmy-banner-image {
+ width: 100%;
+}
diff --git a/webapp/static/css/webapp_kaehmy.css b/webapp/static/css/webapp_kaehmy.css
new file mode 100644
index 0000000..635e63f
--- /dev/null
+++ b/webapp/static/css/webapp_kaehmy.css
@@ -0,0 +1,26 @@
+.page-content {
+ margin-top: 1vh;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+body {
+ max-width: 1000px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+div.tooltip-inner {
+ max-width: 25rem;
+}
+
+.tooltip {
+ margin-left: 1rem;
+}
+
+.role-filter-form {
+ max-width: 30rem;
+ width: auto;
+ margin-bottom: 1rem;
+}
diff --git a/webapp/templates/kaehmy_base.html b/webapp/templates/kaehmy_base.html
index fc177cb..8df04f7 100644
--- a/webapp/templates/kaehmy_base.html
+++ b/webapp/templates/kaehmy_base.html
@@ -1,14 +1,50 @@
-{% extends "base.html" %}
+
-{% load static %}
{% load i18n %}
+{% load static %}
+{% load staticfiles %}
-{% block navigation %}
- {% include "kaehmy_navigation.html" %}
-{% endblock %}
+
+
+
+
+
+
+
+ {% trans "Aalto-yliopiston Sähköinsinöörikilta ry" %}
-{% block header %}
-
-{% endblock header %}
+
+
+
+
+
+
+
+
+
+
+
+ {% block header %}
+
+ {% endblock header %}
+
+ {% block navigation %}
+ {% include "kaehmy_navigation.html" %}
+ {% endblock %}
+
+ {% block content %}
+ {% endblock %}
+
+
+
+
diff --git a/webapp/templates/kaehmy_footer.html b/webapp/templates/kaehmy_footer.html
new file mode 100644
index 0000000..c5e725c
--- /dev/null
+++ b/webapp/templates/kaehmy_footer.html
@@ -0,0 +1,25 @@
+{% load i18n %}
+{% load static %}
+{% load staticfiles %}
+
+
+
diff --git a/webapp/templates/kaehmy_header.html b/webapp/templates/kaehmy_header.html
index f536c5a..59cb76a 100644
--- a/webapp/templates/kaehmy_header.html
+++ b/webapp/templates/kaehmy_header.html
@@ -1,5 +1,5 @@
{% load i18n %}
-
+