Merge pull request #3017 from statisticsnorway/Popup-styling-syntax-fix

POPUP .header-text isolated

Author: Carl-OW

src/main/resources/assets/styles/_popup.scss

@@ -112,13 +112,17 @@
   align-items: center;
   padding: 0 20px;
   background-color: #00824d;
-}
 
-.header-text {
-  font-family: Roboto, sans-serif !important;
-  font-size: 16px;
-  margin: 0;
-  color: white;
+  .header-text {
+    font-family: Roboto, sans-serif !important;
+    font-size: 16px;
+    margin: 0;
+    color: white;
+
+    @media (min-width: 768px) {
+      font-size: 20px;
+    }
+  }
 }
 
 .close-icon-wrapper {
@@ -200,9 +204,3 @@
   outline-offset: 2px;
   border-radius: 2px;
 }
-
-@media (min-width: 768px) {
-  .header-text {
-    font-size: 20px;
-  }
-}