diff --git a/ar/index.html b/ar/index.html index 5ce7e3ccc6..cdae218612 100644 --- a/ar/index.html +++ b/ar/index.html @@ -523,7 +523,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/cs/index.html b/cs/index.html index d426b2a18b..7dae6bef12 100644 --- a/cs/index.html +++ b/cs/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/css/style.css b/css/style.css index 284831e41c..769dbee860 100644 --- a/css/style.css +++ b/css/style.css @@ -628,20 +628,6 @@ header{ } } -.tablet-hero-phone-background { - background-image: url("../Images/bg_gfx.png"); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - position: absolute; - width: 40%; - top: 5%; - left: 30%; -} -.tablet-hero-phone { - transform: skewY(25deg); -} - /* Overlays */ .overlay a, p a{ @@ -936,4 +922,32 @@ p a{ .glossary-overlay ol li { list-style: decimal; -} \ No newline at end of file +} + +/* media queries for hero section for short height screens */ +.hero-section-1{ + padding-top: 2rem; + padding-bottom: 2rem; +} + +@media screen and (max-height: 760px) and (min-width: 1280px), screen and (max-height: 860px) and (min-width: 1280px) and (max-width: 1399px) { + .hero-section-1{ + height: 100%; + } + + h1{ + font-size: 48px !important; + } + h2{ + font-size: 36px !important; + } +} + +@media screen and (max-height: 780px) { + .hero-phone-background{ + height: 100%; + margin-top: 2rem; + margin-bottom: 4rem; + top: calc(66px + 2rem); + } +} diff --git a/de/index.html b/de/index.html index 51555686b3..b19da5defa 100644 --- a/de/index.html +++ b/de/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/en/index.html b/en/index.html index 1da39f5248..4b146242ff 100644 --- a/en/index.html +++ b/en/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/es/index.html b/es/index.html index 2984d59358..3b77657ecc 100644 --- a/es/index.html +++ b/es/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/fr/index.html b/fr/index.html index bce6c51920..5f630ee3a8 100644 --- a/fr/index.html +++ b/fr/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/index.html b/index.html index 1da39f5248..4b146242ff 100644 --- a/index.html +++ b/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/it/index.html b/it/index.html index 696243e479..315071248b 100644 --- a/it/index.html +++ b/it/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/nl/index.html b/nl/index.html index 35cacaaf0e..caf29a67b7 100644 --- a/nl/index.html +++ b/nl/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/pl/index.html b/pl/index.html index e845cd5f7d..aa31c75fbb 100644 --- a/pl/index.html +++ b/pl/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/pt_BR/index.html b/pt_BR/index.html index e7a34aa853..2b9a2accb5 100644 --- a/pt_BR/index.html +++ b/pt_BR/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/uk/index.html b/uk/index.html index 3f0bf5d17d..02e9d3838f 100644 --- a/uk/index.html +++ b/uk/index.html @@ -513,7 +513,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/zh_Hans/index.html b/zh_Hans/index.html index 82a106036b..f2898850a8 100644 --- a/zh_Hans/index.html +++ b/zh_Hans/index.html @@ -521,7 +521,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+
diff --git a/zh_Hant/index.html b/zh_Hant/index.html index 30e8ec6588..056feb9f2b 100644 --- a/zh_Hant/index.html +++ b/zh_Hant/index.html @@ -513,7 +513,7 @@ window.addEventListener('scroll',changeHeaderBg);
-
+