better scaling

src/assets/stylesheets/bubble.scss

@@ -14,11 +14,11 @@
   display: flex;
   flex-direction: column;
   position: relative;
-  padding-bottom: 50px;
+  margin: 30px; 
 }
 
 .bubble_main {
-  width: 40vw;
+  width: 100%;
 }
 
 .bubble_main h1 {
@@ -60,7 +60,7 @@
 @media screen and (max-width: 650px) {
   // Phones
   .bubble_main {
-    width: 80vw;
+    width: auto;
   }
 
   .bubble_main h1 {

src/assets/stylesheets/home.scss

@@ -51,18 +51,38 @@
 }
 
 .home__content__info {
-  height: auto;
+  height: 100vh;
   width: 100%;
   margin: 0px;
   padding: 0px;
   background: linear-gradient(#353535, #232323);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+}
+
+.c {
+  margin: 0px;
+  padding: 0px;
+  width: 80%;
+  height: 80%;
+  position: relative;
+  display: flex;
+  opacity: 100%;
+  flex-direction: column;
+  justify-content: center;
+  background: transparent;
+  z-index: 0;
 }
 
 @media screen and (max-width: 650px) {
   // Phones
+  .home__content__panel__title {
+    font-size: 45px;
+  }
 }
 
-
 // Animations
 
 @keyframes textSlide {