Merge branch 'master' into add-deployment-preview-gh-pages

Author: saurabhraghuvanshii

assets/scss/_styles_project.scss

@@ -532,12 +532,13 @@ a:not([href]):not([class]):hover {
   animation: color-shift 8s linear infinite;
 
   @media (max-width: 768px) {
-    font-size: 3.5rem;
-    text-align: center;
+    font-size: 4rem;
   }
 
-  // @media (max-width:1200px){
-  // }
+  @media (max-width: 768px) {
+    font-size: 3rem;
+    text-align: center;
+  }
 }
 
 @keyframes color-shift {
@@ -616,14 +617,18 @@ a:not([href]):not([class]):hover {
   text-align: right;
 
   h1.dashboard {
-    max-width: 40%;        
+    max-width: 70%;        
     text-align: left;
-    flex-shrink: 0;       
+    flex-shrink: 0;
+    @media (max-width: 768px) {
+      max-width: 60%;
+    }
   }
 
   @media (max-width: 768px) {
     flex-wrap: wrap;
     justify-content: center;
+    text-align: center;
 
     h1.dashboard {
       max-width: 100%;