diff --git a/css/styles.css b/css/styles.css
index a66ec5a..368f971 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -116,8 +116,10 @@ body {
     color: rgb(255, 255, 255, 0.9);
     margin-right: 1px;
   }
+  
 }
 
+
 .logo {
   width: 400px;
   height: 100px;
@@ -157,6 +159,7 @@ body {
   .content {
     margin-right: 20px;
   }
+  
 }
 
 @media only screen and (max-width: 520px) {
@@ -203,6 +206,18 @@ body {
   .content h3 {
     font-size: 20px;
   }
+  #navsocial{
+    display: none;
+  }
+  #teamhlogo{
+    width: 586%; 
+    height: 586%;
+    margin-right: 10%;
+  }
+#logoteam{
+    height: 200%;
+  width:200%;
+}
 }
 
 /*section-breaker CSS*/
@@ -282,6 +297,9 @@ body {
   .logo-2 {
     width: 40%;
   }
+  .topnav .social-info{
+    display: none;
+  }
 }
 
 @media only screen and (max-width: 520px) {
@@ -931,9 +949,7 @@ body {
   color: #fff;
 }
 
-a:hover {
-  text-decoration: none;
-}
+
 .topnav {
   background-color: black;
   overflow: hidden;
@@ -958,7 +974,7 @@ a:hover {
 
 /* Add an active class to highlight the current page */
 .topnav a.active {
-  background-color: #077729;
+  background-color: #00c4b3;
   color: white;
 }
 
@@ -1017,74 +1033,69 @@ a:hover {
   font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
   border-radius: 10px;
   height: 380px;
-}
-.single-speaker-area .speaker-single-thumb {
-  position: relative;
-  z-index: 1;
-  border: none;
-  border-radius: 10%;
-}
-.single-speaker-area .speaker-single-thumb img {
-  -webkit-transition-duration: 1500ms;
-  -o-transition-duration: 1500ms;
-  transition-duration: 1500ms;
-  width: 100%;
-  -webkit-box-shadow: 0 8px 26px -6px black;
-  -moz-box-shadow: 0 8px 26px -6px black;
-  box-shadow: 0 8px 26px -6px black;
-  border-radius: 50%;
-  margin-bottom: 80px;
-}
-.single-speaker-area .social-info {
-  position: absolute;
-  top: -180px;
-  right: 0;
-  z-index: 22;
-  background-color: #233452;
-  padding: 15px;
-  border-radius: 0 10px 0 10px;
-  text-align: center;
-  -webkit-transition-duration: 800ms;
-  -o-transition-duration: 800ms;
-  transition-duration: 800ms;
-}
-.single-speaker-area .social-info a {
-  display: block;
-  font-size: 18px;
-  color: #ffffff;
-  margin-bottom: 5px;
-}
-.single-speaker-area .social-info a:last-child {
-  margin-bottom: 0;
-}
-.single-speaker-area .speaker-info {
-  position: absolute;
-  padding-top: 90%;
-  bottom: 0px;
-  z-index: 22;
-}
-
-.single-speaker-area .speaker-info h5 {
-  font-size: 20px;
-  font-weight: 800;
-  color: rgb(139, 11, 11);
-  letter-spacing: 1px;
-  margin-bottom: 0px;
-}
-.single-speaker-area .speaker-info p {
-  color: #fbc901;
-  margin-bottom: 0;
-  letter-spacing: 1px;
-  line-height: 1;
-}
-.single-speaker-area:hover .social-info,
-.single-speaker-area:focus .social-info {
-  top: 0;
-}
-
-.patron_div {
-  background-color: #87daf6;
-}
+  }
+  .single-speaker-area .speaker-single-thumb {
+    position: relative;
+    z-index: 1;
+    border: none;
+    border-radius: 10%;
+   }
+    .single-speaker-area .speaker-single-thumb img {
+      -webkit-transition-duration: 1500ms;
+      -o-transition-duration: 1500ms;
+      transition-duration: 1500ms;
+      width: 100%;
+      -webkit-box-shadow: 0 8px 26px -6px black;
+      -moz-box-shadow: 0 8px 26px -6px black;
+      box-shadow: 0 8px 26px -6px black;   
+      border-radius: 50%;
+      margin-bottom: 80px;
+   }
+  .single-speaker-area .social-info {
+    position: absolute;
+    top: -180px;
+    right: 0;
+    z-index: 22;
+    background-color: #233452;
+    padding: 15px;
+    border-radius: 0 10px 0 10px;
+    text-align: center;
+    -webkit-transition-duration: 800ms;
+    -o-transition-duration: 800ms;
+    transition-duration: 800ms; }
+    .single-speaker-area .social-info a {
+      display: block;
+      font-size: 18px;
+      color: #ffffff;
+      margin-bottom: 5px; }
+      .single-speaker-area .social-info a:last-child {
+        margin-bottom: 0; }
+  .single-speaker-area .speaker-info {
+    position: absolute;
+    padding-top: 90%;
+    bottom: 0px;
+    z-index: 22;
+     }
+
+    .single-speaker-area .speaker-info h5 {
+      font-size: 20px;
+      font-weight: 800;
+      color: #030811		;
+      letter-spacing: 1px;
+      margin-bottom: 0px;
+      padding: bottom 30px; ;
+     }
+    .single-speaker-area .speaker-info p {
+      color:#146e67;
+      margin-bottom: 10px;
+      letter-spacing: 1px;
+      line-height: 1; }
+  .single-speaker-area:hover .social-info, .single-speaker-area:focus .social-info {
+    top: 0; }
+
+  .patron_div{
+    background-color: #87DAF6;
+  }  
 
 #prizes {
   background-image: linear-gradient(180deg, #45c8f9 0%, #2cefde 100%);
diff --git a/img/logo_long_cropped.png b/img/logo_long_cropped.png
new file mode 100644
index 0000000..62f522f
Binary files /dev/null and b/img/logo_long_cropped.png differ
diff --git a/js/team.js b/js/team.js
index 3ace6dd..460f48e 100644
--- a/js/team.js
+++ b/js/team.js
@@ -40,7 +40,7 @@ let adv_info = [{
         designation: 'Dean Alumni Affairs and Institutional Relations'
     },
     {
-        name: 'Prof. M.S. Bhat',
+        name: 'Prof. M.S.Bhat',
         image_path: 'adv-com/ahs.jpg',
         email: 'ahs@nitk.ac.in',
         linkedin: '#',
@@ -84,13 +84,7 @@ let adv_info = [{
     
 ]
 
-let fac_info = [{
-        name: 'Dr. Anand Kumar M.',
-        image_path: 'fac-ads/anandkumar.png',
-        email: 'm_anandkumar.nitk.edu.in',
-        linkedin: '#',
-        designation: 'Assistant Professor'
-    },
+let fac_info = [
     {
         name: 'Dr. Sowmya Kamath S.',
         image_path: 'fac-ads/sk-image.jpg',
@@ -104,7 +98,13 @@ let fac_info = [{
         email: 'suprabha@nitk.ac.in',
         linkedin: '#',
         designation: 'Assistant Professor'
-    }
+    },{
+      name: 'Dr. Anand Kumar M.',
+      image_path: 'fac-ads/anandkumar.png',
+      email: 'm_anandkumar.nitk.edu.in',
+      linkedin: '#',
+      designation: 'Assistant Professor'
+  }
 ]
 
 
diff --git a/team.html b/team.html
index 701b1f4..e085aa0 100644
--- a/team.html
+++ b/team.html
@@ -43,13 +43,11 @@
   </head>
 
   <body style="font-family: 'Barlow Semi Condensed';">
-    <div class="topnav sticky" id="myTopnav" style="z-index: 50; background-color:#191919;font-weight: bold;font-family:Barlow Semi Condensed;">
-      <a href="https://hackverse.nitk.ac.in/" id="5" style="width:7%;height: 53px;"><img
-        src="img/logo.webp"
-        height="65.0"
-        width="65.0"
-        style="position: absolute;top: -10%;left:0.8% ;"
-      /></a>
+    <div class="topnav sticky" id="myTopnav" style="z-index: 50; background-color:#191919;font-weight: bold;">
+      <a href="https://hackverse.nitk.ac.in/" id="teamhlogo" style="width: 6%;padding: 0px 0px 0px 0px;" ><img id="logoteam" src="img/logo.png"
+     height="57%"
+     width="57%"
+         /></a>
       <a href="#p" id="1" class="active">Patrons</a>
       <a href="#adv"id="2">Advisory Committee</a>
       <a href="#facad"id="3">Faculty Advisors</a>
@@ -59,7 +57,7 @@
       </a>
       
          <!-- Social Info -->
-         <div class="social-info" style="position:absolute;left: 73%;">
+         <div class="social-info" id="navsocial" style="position:absolute;left: 73%;">
           <a
             target="_blank"
             rel="noopener noreferrer"