diff --git a/sass/style.scss b/sass/style.scss
index 0eb3f4b..b10e53d 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -48,7 +48,7 @@ header {
display: flex;
align-items: center;
justify-content: space-around;
- padding: 4em 0;
+ padding: 4em 1rem;
max-width: 100em;
width: 100%;
@@ -75,6 +75,7 @@ main {
margin-bottom: 5em;
max-width: 50em;
width: 100%;
+ padding: 1rem;
h1, h2 {
margin-top: 2em;
@@ -87,7 +88,7 @@ main {
margin-left: -50vw;
background-color: #C61730;
color: #fff;
- padding: 4em 0;
+ padding: 4em 1rem;
text-align: center;
h1 {
@@ -203,3 +204,24 @@ footer {
max-width: 55em;
margin: 0 auto;
}
+
+@media screen and (max-width: 999px) {
+ header {
+ flex-direction: column;
+
+ img { display: none; }
+
+ nav {
+ width: 100%;
+
+ ul { flex-direction: column; }
+ }
+ }
+
+ main form {
+ display: flex;
+ flex-direction: column;
+
+ div { margin-bottom: 2em; }
+ }
+}
diff --git a/templates/index.html b/templates/index.html
index 8894dc6..970e9aa 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,6 +3,7 @@
+
{{ config.title }}