updating header image logo and text font

sawhney-medha · web-flow · commit 71635a8c56fc · 2024-09-07T19:17:01.000-04:00
diff --git a/_layouts/default_about.liquid b/_layouts/default_about.liquid
@@ -2,6 +2,7 @@
 <html lang="{{ site.lang }}">
   <!-- Head -->
   <head>
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;500&display=swap" rel="stylesheet">
     {% if page.redirect %}
       {% if page.redirect == true %}
         {% assign redirect = site.baseurl | append: '/' %}
@@ -16,7 +17,7 @@
  
 <div class="header-background" style="position: relative; display:">
   <div class="img" style="
-    background-image: url('/assets/img/lab_header_3.jpg');
+    background-image: url('/assets/img/lab_header_4.jpg');
     background-repeat: no-repeat;
     background-size: contain;
     background-position: top center;
@@ -35,9 +36,9 @@
       bottom: 0;  /* Aligns the text to the bottom of the image */
       left: 0;  /* Aligns the text to the left of the image */
       color: white;
-      font-weight: bold;
+      font-weight: 500;
       font-size: 1.5vw;  /* Font size will adjust based on viewport width */
-      font-family: 'Arial', sans-serif;
+      font-family: 'Montserrat', sans-serif;
       width: 45%;
       max-width: 400px;
       line-height: 2vw;
