diff --git a/src/css/layout/_header.scss b/src/css/layout/_header.scss
index 7f43a23..a979c79 100644
--- a/src/css/layout/_header.scss
+++ b/src/css/layout/_header.scss
@@ -2,28 +2,30 @@
/* Header */
#header {
- top: 80px;
- position: absolute;
- left: 50%;
- transform: translate(-50%, 70px);
+ margin-top: 80px;
+ > #logo-container {
+ width: max-content;
+ margin: auto;
+ padding: 2em 1em;
- > h1 {
- font-size: 60pt;
- display: inline-block;
- color: _palette(accent1);
- margin: 0 0 0 40px;
+ > h1 {
+ font-size: 60pt;
+ display: inline-block;
+ color: _palette(accent1);
+ margin: 0 0 0 40px;
- &:first-child {
- color: _palette(accent2);
- margin: 0 0 0 10px;
+ &:first-child {
+ color: _palette(accent2);
+ margin: 0 0 0 10px;
+ }
}
- }
- > #logo > img {
- height: 140pt;
- width: auto;
- display: inline-block;
- float: left;
+ > #logo > img {
+ height: 140pt;
+ width: auto;
+ display: inline-block;
+ float: left;
+ }
}
/*
@include breakpoint('<=xlarge') {
@@ -35,7 +37,7 @@
}
*/
@include breakpoint('<=medium') {
- top: 60px;
+ margin-top: 60px;
}
/*
@include breakpoint('<=small') {
diff --git a/src/css/layout/_main.scss b/src/css/layout/_main.scss
index d8b371f..0542763 100644
--- a/src/css/layout/_main.scss
+++ b/src/css/layout/_main.scss
@@ -2,7 +2,14 @@
/* Main */
#main {
-
+ width: 100%;
+
+ > section {
+ height: 400px;
+ width: 100%;
+ max-width: 600px;
+ margin: 8em auto 4em;
+ }
/*
@include breakpoint('<=xlarge') {
diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss
index d2e809a..22e8d71 100644
--- a/src/css/layout/_nav.scss
+++ b/src/css/layout/_nav.scss
@@ -6,6 +6,7 @@
'height #{_duration(transition)} ease',
'background #{_duration(transition)} ease',
));
+ top: 0;
height: 80px;
position: fixed;
width: 100%;
diff --git a/src/css/main.scss b/src/css/main.scss
index e1c3642..15bd8ae 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -45,6 +45,7 @@
@import 'layout/header';
@import 'layout/nav';
@import 'layout/footer';
+ @import 'layout/main';
body {
background: #f2f2f2;
diff --git a/src/index.html b/src/index.html
index ecbe996..95f7ca0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -76,17 +76,19 @@
- Schulze
-
-
-
- Studio
-
+
+ Schulze
+
+
+
+ Studio
+
+