diff --git a/css/newteams.css b/css/newteams.css
index bdc1368..6a6fb19 100644
--- a/css/newteams.css
+++ b/css/newteams.css
@@ -215,7 +215,7 @@
   margin: 10px auto;
   width: 16px;
   height: 32px;
-  border: 3px solid rgba(122, 122, 124, 0.918);
+  border: 3px solid rgba(148, 148, 148, 0.918);
   border-radius: 20px;
   display: flex;
   pointer-events: none;
@@ -251,3 +251,38 @@
     transform: translateY(8px);
   }
 }
+@media (max-width: 991px) {
+  .orb-canvas {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: -1;
+    opacity: 32%;
+  }
+
+  .hero-h1 {
+    text-align: center;
+    font-size: 2.4rem;
+    font-weight: 500;
+    line-height: 1.15;
+    color: black;
+  }
+  .hero-h1 span {
+    font-weight: 500;
+    line-height: 1.15;
+    color: orangered;
+  }
+
+  .hero-h3 {
+    margin-top: 0.5rem;
+    width: 80%;
+    text-align: center;
+    font-size: 1rem;
+    color: black;
+    font-weight: 400;
+  }
+}
diff --git a/js/anim.js b/js/anim.js
index 5aaf564..78a047c 100644
--- a/js/anim.js
+++ b/js/anim.js
@@ -4,6 +4,8 @@
 import hsl from "https://cdn.skypack.dev/hsl-to-hex";
 import debounce from "https://cdn.skypack.dev/debounce";
 
+console.log("anime");
+
 // return a random number within a range
 function random(min, max) {
   return Math.random() * (max - min) + min;
diff --git a/js/members.js b/js/members.js
index a9d3bcd..cdb2037 100644
--- a/js/members.js
+++ b/js/members.js
@@ -62,4 +62,3 @@
   document.getElementById("container").innerHTML = container;
 }
 members();
-console.log("hi");
diff --git a/js/toggle.js b/js/toggle.js
index 6e71884..d7bc068 100644
--- a/js/toggle.js
+++ b/js/toggle.js
@@ -10,14 +10,10 @@
 
   // now toggle the clock and the button text, depending on current state
   if (displaySetting == "block") {
-    console.log("2");
     // clock is visible. hide it
     myMenu.style.display = "none";
   } else {
-    console.log("3");
     // clock is hidden. show it
     myMenu.style.display = "block";
   }
 }
-console.log("toggle");
-// onclick = "toggleMenu()";
diff --git a/team.html b/team.html
index 2f83c5b..c1f9bca 100644
--- a/team.html
+++ b/team.html
@@ -43,7 +43,7 @@
     </header>
     <!-- herosection -->
     <div class="hero">
-      <h1 class="hero-h1">Meet the <span>Developer Team</span></h1>
+      <h1 class="hero-h1">Meet The <br /><span>Developer Team</span></h1>
       <h3 class="hero-h3">
         Our development team is a group of people that work together to create
         the blissful experience for you.
@@ -55,7 +55,7 @@
         <p style="font-size: 0.8rem">scroll down</p>
       </div>
     </div>
-
+    <!-- Animation container -->
     <canvas class="orb-canvas"></canvas>
 
     <!-- Teamsection -->