diff --git a/src/index.html b/src/index.html index 82e9668..f9b2947 100644 --- a/src/index.html +++ b/src/index.html @@ -60,7 +60,7 @@
-
+
@@ -101,7 +101,7 @@
-
+

Ferienwohnung

@@ -205,7 +205,7 @@
-
+

Buchung und Anreise

@@ -239,7 +239,7 @@

-
+

Kontakt

diff --git a/src/scss/style.scss b/src/scss/style.scss index 9859eea..440e7dd 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -24,6 +24,10 @@ height: 90vh; } +.margin-bottom-0 { + margin-bottom: 0; +} + .heading-2 { font-size: 3.56rem; line-height: 110%; @@ -91,6 +95,26 @@ a:not([href^='#']) { font-size: 2.82rem; } + #logo-container img { + height: 56px; + } +} + +@media only screen and (max-width:360px) { + #willkommen-banner { + height: calc(100vh - 56px); + max-height: 300px; + + .parallax img { + max-width: 130%; + } + } + + .heading-2, + h2 { + font-size: 2.12rem; + } + #logo-container img { height: 56px; } diff --git a/src/style.css b/src/style.css index 792be1c..565e64c 100644 --- a/src/style.css +++ b/src/style.css @@ -12,6 +12,9 @@ #footer-banner { height: 90vh; } +.margin-bottom-0 { + margin-bottom: 0; } + .heading-2 { font-size: 3.56rem; line-height: 110%; @@ -64,3 +67,15 @@ a:not([href^='#']) { font-size: 2.82rem; } #logo-container img { height: 56px; } } + +@media only screen and (max-width: 360px) { + #willkommen-banner { + height: calc(100vh - 56px); + max-height: 300px; } + #willkommen-banner .parallax img { + max-width: 130%; } + .heading-2, + h2 { + font-size: 2.12rem; } + #logo-container img { + height: 56px; } }