assets/css/style.css

@@ -781,7 +781,7 @@ hr.-even {
     font-size: 1.75rem;
     line-height: 2rem;
     color: var(--wtf-nearly-white);
-    margin: 0.5rem 0 1rem 0;
+    margin: 0.5rem 2.5rem 1rem 0;
 
 }
 
@@ -1353,6 +1353,10 @@ footer {
     .contact__box .contact_info__box p {
         margin-right: 1.5rem;
     }
+
+    .card_grid {
+        grid-template-columns: 1fr;
+    }
 }
 
 @media screen and (max-width: 850px) and (min-width: 790px) {
@@ -1433,6 +1437,10 @@ footer {
     h1.big_heading {
         font-size: 3.5rem;
     }
+
+    .card_grid {
+        grid-template-columns: 1fr;
+    }
 }
 
 @media screen and (max-width: 789px) and (min-width: 596px) {
@@ -1470,6 +1478,7 @@ footer {
     .header__slim_box {
         background-image: none;
         padding-bottom: 0;
+        margin-bottom: 1.5rem;
     }
 
     .slim_box__top_bar_left {
@@ -1485,6 +1494,10 @@ footer {
     .slim_box__top_bar_right {
         display: none;
     }
+
+    .slim_box__submenu {
+        margin-right: 2.25rem;
+    }
     /* slim header - end */
 
     .header__claim {
@@ -1640,6 +1653,10 @@ footer {
     h1.big_heading {
         font-size: 3.5rem;
     }
+
+    .card_grid {
+        grid-template-columns: 1fr;
+    }
 }
 
 @media screen and (max-width: 595px) {
@@ -1688,10 +1705,6 @@ footer {
         background-image: none;
     }
 
-    .header__slim_box {
-        margin-top: -3rem;
-    }
-
     .header__claim {
         margin: 0.5rem 0.5rem 0 0.5rem;
         grid-row: 3 / span 1;
@@ -1771,7 +1784,7 @@ footer {
     /* slim header - start */
     .header__slim_box {
         background-image: none;
-        margin: 0;
+        margin: 0 0 1.5rem 0;
         padding: 0;
         z-index: 40;
     }
@@ -1789,6 +1802,20 @@ footer {
     .slim_box__unicorns {
         display: none;
     }
+
+    .slim_box__submenu {
+        height: 2rem;
+        padding-top: 0.5rem;
+        margin-right: 2.25rem;
+    }
+
+    .slim_box__submenu a {
+        font-size: 1.25rem;
+    }
+
+    .slim_box__submenu a img {
+        height: 1.5rem;
+    }
     /* slim header - end */
 
     .sub_claim__box {
@@ -1938,6 +1965,10 @@ footer {
         grid-column: 1 / span 2;
         grid-row: 2 / span 3;
     }
+
+    .card_grid {
+        grid-template-columns: 1fr;
+    }
     /* content - end */
 
     /* footer - start */