NN-423 scale down logo and padding on mobile

Author: johnpaulbalagolan

style.css

@@ -64,5 +64,18 @@ header .header-navigation ul.wp-block-navigation li.current-menu-item {
     }
 }
 @media screen and (max-width: 480px) {
-    
+    .wp-block-site-logo {
+        width: 130px;
+    }
+    header > .wp-block-group {
+        padding-top: 20px !important;
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+    h1 {
+        font-size: var(--wp--preset--font-size--x-large);
+    }
+    h2 {
+        font-size: var(--wp--preset--font-size--large);
+    }
 }

theme.json

@@ -274,15 +274,15 @@
 				},
 				":focus": {
 					"color": {
-						"background": "var(--wp--preset--color--contrast)",
+						"background": "var(--wp--preset--color--blue)",
 						"text": "var(--wp--preset--color--base)"
 					},
 					"outline": {
-						"color": "var(--wp--preset--color--contrast)",
+						"color": "var(--wp--preset--color--blue)",
 						"offset": "2px"
 					},
 					"border": {
-						"color": "var(--wp--preset--color--contrast)"
+						"color": "var(--wp--preset--color--blue)"
 					}
 				},
 				":hover": {