CSS fixes

src/styles/Home.scss

@@ -1,5 +1,5 @@
 .hs {
-  height: 100%;
+  height: 90%;
   display: flex;
   flex-flow: column;
   justify-content: space-around;
@@ -46,3 +46,21 @@
 .hs-bottom-icon:hover {
   opacity: 1;
 }
+
+@media (max-height: 600px) {
+  .hs-top {
+    display: none;
+  }
+  .hs-center {
+    display: none;
+  }
+}
+
+@media (max-width: 768px) {
+  .hs-top {
+    display: none;
+  }
+  .hs-center {
+    display: none;
+  }
+}

src/styles/TopBar.scss

@@ -6,12 +6,13 @@
   justify-content: space-between;
   background-color: $main-color;
   position: fixed;
-  z-index: 1;
+  z-index: 3;
 }
 
 .topBarLogo {
   height: 2.4rem;
-  margin: 16px;
+  margin: 12px;
+  margin-left: 16px;
   cursor: pointer;
   &:hover {
     opacity: 0.5;
@@ -67,3 +68,15 @@
   display: flex;
   justify-content: center;
 }
+
+@media (max-width: 768px) {
+  .topBar-hamburger {
+    display: none;
+  }
+}
+
+@media (max-height: 600px) {
+  .topBar-hamburger {
+    display: none;
+  }
+}