add spacing and menu on mobile

[ipfire.org.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index a310821478614730d24464c8af1174ca4c9cd2b8..d9ae7b0c45e331dd91a9d5957d7c1371c1528845 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4994,6 +4994,15 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   .hidden-print {
     display: none !important; } }
 
+h4 {
+  font-weight: 600; }
+
+button.navbar-toggler div {
+  font-family: 'Ubuntu', sans-serif;
+  font-size: 1rem;
+  display: inline-block;
+  margin-left: 12px; }
+
 .btn {
   text-transform: uppercase;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
@@ -5032,7 +5041,10 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
           transform: translateY(-2px); }
 
 .btn-block {
-  margin: 0 0 2rem 0; }
+  margin: 0 0 1.5rem 0; }
+  @media (min-width: 768px) {
+    .btn-block {
+      margin: 0 0 2rem 0; } }
 
 .fixed-top {
   -webkit-transition: background-color 700ms linear;
@@ -5054,6 +5066,10 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
     -webkit-transition: opacity 700ms linear;
     transition: opacity 700ms linear; }
 
+.menu-text.hidden {
+  display: none;
+  visibility: hidden; }
+
 .navbar a {
   color: #263238; }
 
@@ -5061,8 +5077,11 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   margin-top: .15rem; }
 
 .navbar-brand {
-  font-size: 2rem;
+  font-size: 1.25rem;
   font-weight: 300; }
+  @media (min-width: 576px) {
+    .navbar-brand {
+      font-size: 2rem; } }
   .navbar-brand img {
     margin-right: 1rem;
     -webkit-transform: translateY(-5px);
@@ -5152,7 +5171,10 @@ section.intro {
             width: 24px; } }
 
 section.content-section {
-  padding: 96px 0; }
+  padding: 3rem 0; }
+  @media (min-width: 768px) {
+    section.content-section {
+      padding: 96px 0; } }
 
 section#features,
 section#appliances,